Child pages
  • ALIGNMENT

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin
Wiki Markup
{hidden}
DO NOT EDIT THE CONTENT OF THIS PAGE DIRECTLY, UNLESS YOU KNOW WHAT YOU'RE DOING.
		THE STRUCTURE OF THE CONTENT IS VITAL IN BEING ABLE TO EXTRACT CHANGES FROM THE PAGE AND MERGE THEM BACK INTO SERVOY SOURCE{hidden}
{sub-section:description|text=}{sub-section}\\ 

{table:id=|class=servoy sSummary}{colgroup}{column:padding=0px|width=80px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Constants Summary{th}{tr}{tbody}{tr}{td}[Number]{td}{td}[#BOTTOM]
Constant used for setting vertical alignment for components.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#CENTER]
Constant used for setting horizontal and vertical alignment
for components.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#LEFT]
Constant used for setting horizontal alignment for components.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#RIGHT]
Constant used for setting horizontal alignment for components.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#SPLIT_HORIZONTAL]
Constant used for creating horizontal split pane from tab panel, by setting its tabOrientation.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#SPLIT_VERTICAL]
Constant used for creating vertical split pane from tab panel, by setting its tabOrientation.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#TOP]
Constant used for setting vertical alignment for components.{td}{tr}{tbody}{table}\\ 

{table:id=constant|class=servoy sDetail}{colgroup}{column:padding=0px|width=100%}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Constants Details{th}{tr}{tbody:id=BOTTOM|class=node}{tr:id=name}{td}h6.BOTTOM{td}{tr}{tr:id=des}{td}{sub-section:BOTTOM_des|text=|trigger=button}{sub-section}{sub-section:BOTTOM_des|trigger=none|class=sIndent}Constant used for setting vertical alignment for components.
It makes the text inside the component be bottom aligned vertically.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:BOTTOM_snc|text=|trigger=button}{sub-section}{sub-section:BOTTOM_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:BOTTOM_prs|text=|trigger=button}{sub-section}{sub-section:BOTTOM_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:BOTTOM_ret|text=|trigger=button}{sub-section}{sub-section:BOTTOM_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:BOTTOM_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:BOTTOM_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:BOTTOM_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:BOTTOM_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:BOTTOM_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:BOTTOM_sam|trigger=none}{code:language=javascript}
var bottomAlignedLabel = form.newLabel('BOTTOM', 520, 10, 50, 300);
bottomAlignedLabel.verticalAlignment = SM_ALIGNMENT.BOTTOM;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=CENTER|class=node}{tr:id=name}{td}h6.CENTER{td}{tr}{tr:id=des}{td}{sub-section:CENTER_des|text=|trigger=button}{sub-section}{sub-section:CENTER_des|trigger=none|class=sIndent}Constant used for setting horizontal and vertical alignment
for components. If used for horizontal alignment,
then the text of the component will be horizontally centered.
Similarly, if used for vertical alignment, then the text
of the component will be vertically centered.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:CENTER_snc|text=|trigger=button}{sub-section}{sub-section:CENTER_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:CENTER_prs|text=|trigger=button}{sub-section}{sub-section:CENTER_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:CENTER_ret|text=|trigger=button}{sub-section}{sub-section:CENTER_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:CENTER_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:CENTER_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:CENTER_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:CENTER_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:CENTER_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:CENTER_sam|trigger=none}{code:language=javascript}
var hCenteredLabel = form.newLabel('CENTER', 10, 40, 300, 20);
hCenteredLabel.horizontalAlignment = SM_ALIGNMENT.CENTER;
var vCenterAlignedLabel = form.newLabel('CENTER', 460, 10, 50, 300);
vCenterAlignedLabel.verticalAlignment = SM_ALIGNMENT.CENTER
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=LEFT|class=node}{tr:id=name}{td}h6.LEFT{td}{tr}{tr:id=des}{td}{sub-section:LEFT_des|text=|trigger=button}{sub-section}{sub-section:LEFT_des|trigger=none|class=sIndent}Constant used for setting horizontal alignment for components.
It makes the text inside the component be left aligned horizontally.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:LEFT_snc|text=|trigger=button}{sub-section}{sub-section:LEFT_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:LEFT_prs|text=|trigger=button}{sub-section}{sub-section:LEFT_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:LEFT_ret|text=|trigger=button}{sub-section}{sub-section:LEFT_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:LEFT_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:LEFT_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:LEFT_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:LEFT_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:LEFT_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:LEFT_sam|trigger=none}{code:language=javascript}
var leftAlignedLabel = form.newLabel('LEFT', 10, 10, 300, 20);
leftAlignedLabel.horizontalAlignment = SM_ALIGNMENT.LEFT;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=RIGHT|class=node}{tr:id=name}{td}h6.RIGHT{td}{tr}{tr:id=des}{td}{sub-section:RIGHT_des|text=|trigger=button}{sub-section}{sub-section:RIGHT_des|trigger=none|class=sIndent}Constant used for setting horizontal alignment for components.
It makes the text inside the component be right aligned vertically.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:RIGHT_snc|text=|trigger=button}{sub-section}{sub-section:RIGHT_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:RIGHT_prs|text=|trigger=button}{sub-section}{sub-section:RIGHT_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:RIGHT_ret|text=|trigger=button}{sub-section}{sub-section:RIGHT_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:RIGHT_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:RIGHT_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:RIGHT_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:RIGHT_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:RIGHT_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:RIGHT_sam|trigger=none}{code:language=javascript}
var rightAlignedLabel = form.newLabel('RIGHT', 10, 70, 300, 20);
rightAlignedLabel.horizontalAlignment = SM_ALIGNMENT.RIGHT;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=SPLIT_HORIZONTAL|class=node}{tr:id=name}{td}h6.SPLIT_HORIZONTAL{td}{tr}{tr:id=des}{td}{sub-section:SPLIT_HORIZONTAL_des|text=|trigger=button}{sub-section}{sub-section:SPLIT_HORIZONTAL_des|trigger=none|class=sIndent}Constant used for creating horizontal split pane from tab panel, by setting its tabOrientation.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:SPLIT_HORIZONTAL_snc|text=|trigger=button}{sub-section}{sub-section:SPLIT_HORIZONTAL_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:SPLIT_HORIZONTAL_prs|text=|trigger=button}{sub-section}{sub-section:SPLIT_HORIZONTAL_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:SPLIT_HORIZONTAL_ret|text=|trigger=button}{sub-section}{sub-section:SPLIT_HORIZONTAL_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:SPLIT_HORIZONTAL_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:SPLIT_HORIZONTAL_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:SPLIT_HORIZONTAL_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:SPLIT_HORIZONTAL_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:SPLIT_HORIZONTAL_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:SPLIT_HORIZONTAL_sam|trigger=none}{code:language=javascript}
var splitPane = myForm.newTabPanel('splitPane', 10, 10, 620, 460);
splitPane.tabOrientation = SM_ALIGNMENT.SPLIT_HORIZONTAL;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=SPLIT_VERTICAL|class=node}{tr:id=name}{td}h6.SPLIT_VERTICAL{td}{tr}{tr:id=des}{td}{sub-section:SPLIT_VERTICAL_des|text=|trigger=button}{sub-section}{sub-section:SPLIT_VERTICAL_des|trigger=none|class=sIndent}Constant used for creating vertical split pane from tab panel, by setting its tabOrientation.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:SPLIT_VERTICAL_snc|text=|trigger=button}{sub-section}{sub-section:SPLIT_VERTICAL_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:SPLIT_VERTICAL_prs|text=|trigger=button}{sub-section}{sub-section:SPLIT_VERTICAL_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:SPLIT_VERTICAL_ret|text=|trigger=button}{sub-section}{sub-section:SPLIT_VERTICAL_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:SPLIT_VERTICAL_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:SPLIT_VERTICAL_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:SPLIT_VERTICAL_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:SPLIT_VERTICAL_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:SPLIT_VERTICAL_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:SPLIT_VERTICAL_sam|trigger=none}{code:language=javascript}
var splitPane = myForm.newTabPanel('splitPane', 10, 10, 620, 460);
splitPane.tabOrientation = SM_ALIGNMENT.SPLIT_VERTICAL;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=TOP|class=node}{tr:id=name}{td}h6.TOP{td}{tr}{tr:id=des}{td}{sub-section:TOP_des|text=|trigger=button}{sub-section}{sub-section:TOP_des|trigger=none|class=sIndent}Constant used for setting vertical alignment for components.
It makes the text inside the component be top aligned vertically.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:TOP_snc|text=|trigger=button}{sub-section}{sub-section:TOP_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:TOP_prs|text=|trigger=button}{sub-section}{sub-section:TOP_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:TOP_ret|text=|trigger=button}{sub-section}{sub-section:TOP_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:TOP_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:TOP_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:TOP_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:TOP_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:TOP_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:TOP_sam|trigger=none}{code:language=javascript}
var topAlignedLabel = form.newLabel('TOP', 400, 10, 50, 300);
topAlignedLabel.verticalAlignment = SM_ALIGNMENT.TOP;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}