Child pages
  • ALIGNMENT

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
{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 sSummery}{colgroup}{column:padding=0px|width=80px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Constants Summery{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}
Wiki Markup
Cache
indextrue
refresh100d
showRefreshtrue
iddoc
titleRefresh page
showDatetrue
retryEnable

servoy sReturnTypes2100%height: 30px;2Supported ClientssWordListSmartClientsWordListWebClientsWordListNGClient

servoy sSummary12%30%58%height: 30px;3Constants SummaryConstant used for setting vertical alignment for components.Constant used for setting horizontal and vertical alignment for components.Constant used for setting horizontal and vertical alignment.Constant used for setting horizontal alignment for components.Constant used for setting horizontal alignment for components.Constant used for setting vertical alignment for components.

constantservoy sDetail2100%height:30px2Constants DetailsBOTTOMname

BOTTOM

dessIndent
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}
ret

Returns

sIndent
clients

Supported Clients

sIndentSmartClient,WebClient,NGClient
sam

Sample

sIdentjavascript
lastDetailRowCENTERname

CENTER

dessIndent
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}
ret

Returns

sIndent
clients

Supported Clients

sIndentSmartClient,WebClient,NGClient
sam

Sample

sIdentjavascript
lastDetailRowDEFAULTname

DEFAULT

dessIndent
Constant used for setting horizontal and vertical alignment. DEFAULT value makes the alignment behave as if it was not changed before.
ret

Returns

sIndent
clients

Supported Clients

sIndentSmartClient,WebClient,NGClient
sam

Sample

sIdentjavascript
lastDetailRow
LEFTname

LEFT

dessIndent
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}
ret

Returns

sIndent
clients

Supported Clients

sIndentSmartClient,WebClient,NGClient
sam

Sample

sIdentjavascript
lastDetailRowRIGHTname

RIGHT

dessIndent
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}
ret

Returns

sIndent
clients

Supported Clients

sIndentSmartClient,WebClient,NGClient
sam

Sample

sIdentjavascript
lastDetailRowTOPname

TOP

dessIndent
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}
ret

Returns

sIndent
clients

Supported Clients

sIndentSmartClient,WebClient,NGClient
sam

Sample

sIdentjavascript
lastDetailRow