Page History

{div:style=}

Wiki Markup

Div

style	display: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}[#ALL] Constant to be used when specifying anchoring for components.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#DEFAULT] Constant to be used when specifying anchoring for components.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#EAST] Constant to be used when specifying anchoring for components.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#NORTH] Constant to be used when specifying anchoring for components.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#SOUTH] Constant to be used when specifying anchoring for components.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#WEST] Constant to be used when specifying anchoring 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=ALL}{tr:id=name}{td}h6.ALL{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant to be used when specifying anchoring for components. Makes the component anchored on all sides. This means that the component will keep a constant distance from all sides of the window and will grow/shrink as the window is resized.{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

id	description

HTML Table

id
class	servoy sSummary

Colgroup Tag

Column

padding	0px
width	80px

Column

Table Row (tr)

style	height: 30px;

Table Head (th)

colspan	2

Constants Summary

Table Body (tbody)

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)
#ALL Constant to be used when specifying anchoring for components.

Table Body (tbody)

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)
#DEFAULT Constant to be used when specifying anchoring for components.

Table Body (tbody)

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)
#EAST Constant to be used when specifying anchoring for components.

Table Body (tbody)

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)
#NORTH Constant to be used when specifying anchoring for components.

Table Body (tbody)

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)
#SOUTH Constant to be used when specifying anchoring for components.

Table Body (tbody)

Table Row (tr)

Table Cell (td)
Number

Table Cell (td)
#WEST Constant to be used when specifying anchoring for components.

HTML Table

id	constant
class	servoy sDetail

Colgroup Tag

Column

padding	0px
width	100%

Table Row (tr)

style	height: 30px;

Table Head (th)

colspan	1

Constants Details

Table Body (tbody)

id	ALL

Table Row (tr)

id	name

Table Cell (td)
ALL

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

Constant to be used when specifying anchoring for components.
Makes the component anchored on all sides. This means that
the component will keep a constant distance from all sides
of the window and will grow/shrink as the window is resized.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Number

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript


var form = solutionModel.newForm('mediaForm', 'db:/example_data/parent_table', null, false, 400, 300);
var strechAllDirectionsLabel = form.newLabel('Strech all directions', 10, 10, 380, 280);
strechAllDirectionsLabel.background = 'red';
strechAllDirectionsLabel.anchors = SM_ANCHOR.ALL;

{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 to be used when specifying anchoring for components. It is equivalent to a combination of NORTH and WEST anchoring.{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)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	DEFAULT

Table Row (tr)

id	name

Table Cell (td)
DEFAULT

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

Constant to be used when specifying anchoring for components.
It is equivalent to a combination of NORTH and WEST anchoring.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Number

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript


var form = solutionModel.newForm('mediaForm', 'db:/example_data/parent_table', null, false, 400, 300);
var stickToTopLeftCornerLabel = form.newLabel('Stick to top-left corner', 10, 10, 200, 100);
stickToTopLeftCornerLabel.background = 'orange';
stickToTopLeftCornerLabel.anchors = SM_ANCHOR.DEFAULT;

{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=EAST}{tr:id=name}{td}h6.EAST{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant to be used when specifying anchoring for components. Makes the component anchored to the right side of the window, which means that the component will keep a constant distance from the right side of the window. If WEST anchoring is also enabled, then the component will grow/shrink as the window is horizontally resized. This constant is used also for setting tab orientation on tab panels.{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)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	EAST

Table Row (tr)

id	name

Table Cell (td)
EAST

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

Constant to be used when specifying anchoring for components.
Makes the component anchored to the right side of the window,
which means that the component will keep a constant distance
from the right side of the window. If WEST anchoring is also
enabled, then the component will grow/shrink as the window
is horizontally resized.

This constant is used also for setting tab orientation on tab panels.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Number

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript


var form = solutionModel.newForm('mediaForm', 'db:/example_data/parent_table', null, false, 400, 300);
var strechHorizontallyLabel = form.newLabel('Strech horizontally', 10, 10, 380, 140);
strechHorizontallyLabel.background = 'blue';
strechHorizontallyLabel.anchors = SM_ANCHOR.NORTH | SM_ANCHOR.WEST | SM_ANCHOR.EAST;
var stickToBottomRightCornerLabel = form.newLabel('Stick to bottom-right corner', 190, 190, 200, 100);
stickToBottomRightCornerLabel.background = 'pink';
stickToBottomRightCornerLabel.anchors = SM_ANCHOR.SOUTH | SM_ANCHOR.EAST;

{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=NORTH}{tr:id=name}{td}h6.NORTH{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant to be used when specifying anchoring for components. Makes the component anchored to the top side of the window, which means that the component will keep a constant distance from the top side of the window. If SOUTH anchoring is also enabled, then the component will grow/shrink as the window is vertically resized. This constant is used also for setting tab orientation on tab panels.{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)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	NORTH

Table Row (tr)

id	name

Table Cell (td)
NORTH

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

Constant to be used when specifying anchoring for components.
Makes the component anchored to the top side of the window,
which means that the component will keep a constant distance
from the top side of the window. If SOUTH anchoring is also
enabled, then the component will grow/shrink as the window
is vertically resized.

This constant is used also for setting tab orientation on tab panels.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Number

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript


var form = solutionModel.newForm('mediaForm', 'db:/example_data/parent_table', null, false, 400, 300);
var strechVerticallyLabel = form.newLabel('Strech vertically', 10, 10, 190, 280);
strechVerticallyLabel.background = 'green';
strechVerticallyLabel.anchors = SM_ANCHOR.WEST | SM_ANCHOR.NORTH | SM_ANCHOR.SOUTH;
var stickToTopLeftCornerLabel = form.newLabel('Stick to top-left corner', 10, 10, 200, 100);
stickToTopLeftCornerLabel.background = 'orange';
stickToTopLeftCornerLabel.anchors = SM_ANCHOR.NORTH | SM_ANCHOR.WEST;

{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=SOUTH}{tr:id=name}{td}h6.SOUTH{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant to be used when specifying anchoring for components. Makes the component anchored to the bottom side of the window, which means that the component will keep a constant distance from the bottom side of the window. If NORTH anchoring is also enabled, then the component will grow/shrink as the window is vertically resized. This constant is used also for setting tab orientation on tab panels.{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)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	SOUTH

Table Row (tr)

id	name

Table Cell (td)
SOUTH

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

Constant to be used when specifying anchoring for components.
Makes the component anchored to the bottom side of the window,
which means that the component will keep a constant distance
from the bottom side of the window. If NORTH anchoring is also
enabled, then the component will grow/shrink as the window
is vertically resized.

This constant is used also for setting tab orientation on tab panels.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Number

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript


var form = solutionModel.newForm('mediaForm', 'db:/example_data/parent_table', null, false, 400, 300);
var strechVerticallyLabel = form.newLabel('Strech vertically', 10, 10, 190, 280);
strechVerticallyLabel.background = 'green';
strechVerticallyLabel.anchors = SM_ANCHOR.WEST | SM_ANCHOR.NORTH | SM_ANCHOR.SOUTH;
var stickToBottomRightCornerLabel = form.newLabel('Stick to bottom-right corner', 190, 190, 200, 100);
stickToBottomRightCornerLabel.background = 'pink';
stickToBottomRightCornerLabel.anchors = SM_ANCHOR.SOUTH | SM_ANCHOR.EAST;

{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=WEST}{tr:id=name}{td}h6.WEST{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant to be used when specifying anchoring for components. Makes the component anchored to the left side of the window, which means that the component will keep a constant distance from the left side of the window. If EAST anchoring is also enabled, then the component will grow/shrink as the window is vertically resized. This constant is used also for setting tab orientation on tab panels.{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)

class	lastDetailRow

Table Cell (td)

Table Body (tbody)

id	WEST

Table Row (tr)

id	name

Table Cell (td)
WEST

Table Row (tr)

id	des

Table Cell (td)

Div

class	sIndent

Constant to be used when specifying anchoring for components.
Makes the component anchored to the left side of the window,
which means that the component will keep a constant distance
from the left side of the window. If EAST anchoring is also
enabled, then the component will grow/shrink as the window
is vertically resized.

This constant is used also for setting tab orientation on tab panels.

Table Row (tr)

id	ret

Table Cell (td)

Returns

Div

class	sIndent

Number

Table Row (tr)

id	sam

Table Cell (td)

Sample

Div

class	sIndent

Code Block

language	javascript


var form = solutionModel.newForm('mediaForm', 'db:/example_data/parent_table', null, false, 400, 300);
var strechHorizontallyLabel = form.newLabel('Strech horizontally', 10, 10, 380, 140);
strechHorizontallyLabel.background = 'blue';
strechHorizontallyLabel.anchors = SM_ANCHOR.NORTH | SM_ANCHOR.WEST | SM_ANCHOR.EAST;
var stickToTopLeftCornerLabel = form.newLabel('Stick to top-left corner', 10, 10, 200, 100);
stickToTopLeftCornerLabel.background = 'orange';
stickToTopLeftCornerLabel.anchors = SM_ANCHOR.NORTH | SM_ANCHOR.WEST;

{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}

Table Row (tr)

class	lastDetailRow

Table Cell (td)

Child pages

Versions Compared

Old Version 20

New Version 21

Key

ALL

DEFAULT

EAST

NORTH

SOUTH

WEST