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
{hidden}
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}
\\ 

{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}Constant used for setting vertical alignment for components.
It makes the text inside the component be bottom aligned vertically.{td}{tr}{tr:id=snc}{td}*Since*\\ Replace with version info{td}{tr}{tr:id=prs}{td}*Parameters*\\{td}{tr}{tr:id=ret}{td}*Returns*\\[Number]{td}{tr}{tr:id=see}{td}*Also see*\\{div:class=sIndent}{div}{td}{tr}{tr:id=link}{td}*External links*\\{div:class=sIndent}{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}


HTML Table
classservoy sSummary
Colgroup Tag
Column
padding0px
width80px

Column

Table Row (tr)
styleheight: 30px;
Table Head (th)
colspan2
Constants Summary
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Number
Table Cell (td)
#BOTTOM
Constant used for setting vertical alignment for components.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Number
Table Cell (td)
#CENTER
Constant used for setting horizontal and vertical alignment
for components.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Number
Table Cell (td)
#LEFT
Constant used for setting horizontal alignment for components.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Number
Table Cell (td)
#RIGHT
Constant used for setting horizontal alignment for components.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Number
Table Cell (td)
#SPLIT_HORIZONTAL
Constant used for creating horizontal split pane from tab panel, by setting its tabOrientation.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Number
Table Cell (td)
#SPLIT_VERTICAL
Constant used for creating vertical split pane from tab panel, by setting its tabOrientation.
Table Body (tbody)
Table Row (tr)
Table Cell (td)
Number
Table Cell (td)
#TOP
Constant used for setting vertical alignment for components.

HTML Table
idconstant
classservoy sDetail
Colgroup Tag
Column
padding0px
width100%

Table Row (tr)
styleheight: 30px;
Table Head (th)
colspan1
Constants Details
Table Body (tbody)
idBOTTOM
classnode
Table Row (tr)
idname
Table Cell (td)
BOTTOM
Table Row (tr)
iddes
Table Cell (td)
Constant used for setting vertical alignment for components.
It makes the text inside the component be bottom aligned vertically.
Table Row (tr)
idret
Table Cell (td)
Returns
Number
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var bottomAlignedLabel = form.newLabel('BOTTOM', 520, 10, 50, 300);
bottomAlignedLabel.verticalAlignment = SM_ALIGNMENT.BOTTOM;
{code}{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}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.{td}{tr}{tr:id=snc}{td}*Since*\\ Replace with version info{td}{tr}{tr:id=prs}{td}*Parameters*\\{td}{tr}{tr:id=ret}{td}*Returns*\\[Number]{td}{tr}{tr:id=see}{td}*Also see*\\{div:class=sIndent}{div}{td}{tr}{tr:id=link}{td}*External links*\\{div:class=sIndent}{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idCENTER
classnode
Table Row (tr)
idname
Table Cell (td)
CENTER
Table Row (tr)
iddes
Table Cell (td)
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.
Table Row (tr)
idret
Table Cell (td)
Returns
Number
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

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}{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}Constant used for setting horizontal alignment for components. It makes the text inside the component be left aligned horizontally.{td}{tr}{tr:id=snc}{td}*Since*\\ Replace with version info{td}{tr}{tr:id=prs}{td}*Parameters*\\{td}{tr}{tr:id=ret}{td}*Returns*\\[Number]{td}{tr}{tr:id=see}{td}*Also see*\\{div:class=sIndent}{div}{td}{tr}{tr:id=link}{td}*External links*\\{div:class=sIndent}{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idLEFT
classnode
Table Row (tr)
idname
Table Cell (td)
LEFT
Table Row (tr)
iddes
Table Cell (td)
Constant used for setting horizontal alignment for components.
It makes the text inside the component be left aligned horizontally.
Table Row (tr)
idret
Table Cell (td)
Returns
Number
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var leftAlignedLabel = form.newLabel('LEFT', 10, 10, 300, 20);
leftAlignedLabel.horizontalAlignment = SM_ALIGNMENT.LEFT;
{code}{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}Constant used for setting horizontal alignment for components. It makes the text inside the component be right aligned vertically.{td}{tr}{tr:id=snc}{td}*Since*\\ Replace with version info{td}{tr}{tr:id=prs}{td}*Parameters*\\{td}{tr}{tr:id=ret}{td}*Returns*\\[Number]{td}{tr}{tr:id=see}{td}*Also see*\\{div:class=sIndent}{div}{td}{tr}{tr:id=link}{td}*External links*\\{div:class=sIndent}{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idRIGHT
classnode
Table Row (tr)
idname
Table Cell (td)
RIGHT
Table Row (tr)
iddes
Table Cell (td)
Constant used for setting horizontal alignment for components.
It makes the text inside the component be right aligned vertically.
Table Row (tr)
idret
Table Cell (td)
Returns
Number
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var rightAlignedLabel = form.newLabel('RIGHT', 10, 70, 300, 20);
rightAlignedLabel.horizontalAlignment = SM_ALIGNMENT.RIGHT;
{code}{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}Constant used for creating horizontal split pane from tab panel, by setting its tabOrientation.{td}{tr}{tr:id=snc}{td}*Since*\\ Replace with version info{td}{tr}{tr:id=prs}{td}*Parameters*\\{td}{tr}{tr:id=ret}{td}*Returns*\\[Number]{td}{tr}{tr:id=see}{td}*Also see*\\{div:class=sIndent}{div}{td}{tr}{tr:id=link}{td}*External links*\\{div:class=sIndent}{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idSPLIT_HORIZONTAL
classnode
Table Row (tr)
idname
Table Cell (td)
SPLIT_HORIZONTAL
Table Row (tr)
iddes
Table Cell (td)
Constant used for creating horizontal split pane from tab panel, by setting its tabOrientation.
Table Row (tr)
idret
Table Cell (td)
Returns
Number
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var splitPane = myForm.newTabPanel('splitPane', 10, 10, 620, 460);
splitPane.tabOrientation = SM_ALIGNMENT.SPLIT_HORIZONTAL;
{code}{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}Constant used for creating vertical split pane from tab panel, by setting its tabOrientation.{td}{tr}{tr:id=snc}{td}*Since*\\ Replace with version info{td}{tr}{tr:id=prs}{td}*Parameters*\\{td}{tr}{tr:id=ret}{td}*Returns*\\[Number]{td}{tr}{tr:id=see}{td}*Also see*\\{div:class=sIndent}{div}{td}{tr}{tr:id=link}{td}*External links*\\{div:class=sIndent}{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idSPLIT_VERTICAL
classnode
Table Row (tr)
idname
Table Cell (td)
SPLIT_VERTICAL
Table Row (tr)
iddes
Table Cell (td)
Constant used for creating vertical split pane from tab panel, by setting its tabOrientation.
Table Row (tr)
idret
Table Cell (td)
Returns
Number
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var splitPane = myForm.newTabPanel('splitPane', 10, 10, 620, 460);
splitPane.tabOrientation = SM_ALIGNMENT.SPLIT_VERTICAL;
{code}{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}Constant used for setting vertical alignment for components. It makes the text inside the component be top aligned vertically.{td}{tr}{tr:id=snc}{td}*Since*\\ Replace with version info{td}{tr}{tr:id=prs}{td}*Parameters*\\{td}{tr}{tr:id=ret}{td}*Returns*\\[Number]{td}{tr}{tr:id=see}{td}*Also see*\\{div:class=sIndent}{div}{td}{tr}{tr:id=link}{td}*External links*\\{div:class=sIndent}{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idTOP
classnode
Table Row (tr)
idname
Table Cell (td)
TOP
Table Row (tr)
iddes
Table Cell (td)
Constant used for setting vertical alignment for components.
It makes the text inside the component be top aligned vertically.
Table Row (tr)
idret
Table Cell (td)
Returns
Number
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var topAlignedLabel = form.newLabel('TOP', 400, 10, 50, 300);
topAlignedLabel.verticalAlignment = SM_ALIGNMENT.TOP;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}
Table Row (tr)
classlastDetailRow
Table Cell (td)