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
{div:style=}
Wiki Markup
Div
styledisplay:none

DO

NOT

EDIT

THE

CONTENT

OF

THIS

PAGE

DIRECTLY

(EXCEPT

INSIDE

THE

DIV

BELOW

WITH

ID=DESCRIPTION),

UNLESS

YOU

KNOW

WHAT

YOU'RE

DOING.


THE

STRUCTURE

OF

THE

CONTENT

IS

VITAL

IN

BEING

ABLE

TO

AUTO

UPDATE

THE

CONTENT

THROUGH

THE

DOC

GENERATOR.

\\ \\ Enter additional information related to this



Enter additional information related to this 'class'

inside

the

\

{div}

macro

with

'id=description'

{div} {div:id=description}{div}\\ {table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{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}[#DEFAULT] Constant used for setting horizontal and vertical alignment.{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}[#TOP] Constant used for setting vertical alignment for components.{td}{tr}{tbody}{table}\\ {table:id=constant|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Constants Details{th}{tr}{tbody:id=BOTTOM}{tr:id=name}{td}h6.BOTTOM{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant used for setting vertical alignment for components. It makes the text inside the component be bottom aligned vertically.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}

Div
iddescription


HTML Table
id
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)
#DEFAULT
Constant used for setting horizontal and vertical alignment.
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)
#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
Table Row (tr)
idname
Table Cell (td)
BOTTOM
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
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
Div
classsIndent
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}{tr:id=name}{td}h6.CENTER{td}{tr}{tr:id=des}{td}{div: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.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{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
Table Row (tr)
idname
Table Cell (td)
CENTER
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
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
Div
classsIndent
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=DEFAULT}{tr:id=name}{td}h6.DEFAULT{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant used for setting horizontal and vertical alignment. DEFAULT value makes the alignment behave as if it was not changed before.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
Table Row (tr)
classlastDetailRow
Table Cell (td)

Table Body (tbody)
idDEFAULT
Table Row (tr)
idname
Table Cell (td)
DEFAULT
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
Constant used for setting horizontal and vertical alignment. DEFAULT value makes the alignment behave as if it was not changed before.
Table Row (tr)
idret
Table Cell (td)
Returns
Div
classsIndent
Number
Table Row (tr)
idsam
Table Cell (td)
Sample
Div
classsIndent
Code Block
languagejavascript

var hLabel = myJSForm.getLabel('label_name');
if (hLabel.horizontalAlignment == SM_ALIGNMENT.LEFT) hLabel.horizontalAlignment = SM_ALIGNMENT.DEFAULT;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=LEFT}{tr:id=name}{td}h6.LEFT{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant used for setting horizontal alignment for components. It makes the text inside the component be left aligned horizontally.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{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
Table Row (tr)
idname
Table Cell (td)
LEFT
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
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
Div
classsIndent
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}{tr:id=name}{td}h6.RIGHT{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant used for setting horizontal alignment for components. It makes the text inside the component be right aligned vertically.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{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
Table Row (tr)
idname
Table Cell (td)
RIGHT
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
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
Div
classsIndent
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=TOP}{tr:id=name}{td}h6.TOP{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant used for setting vertical alignment for components. It makes the text inside the component be top aligned vertically.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{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
Table Row (tr)
idname
Table Cell (td)
TOP
Table Row (tr)
iddes
Table Cell (td)
Div
classsIndent
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
Div
classsIndent
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)