Child pages
  • TabPanel

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Divcache
Div
iddescription
HTML Table
id
classservoy sSummary
Colgroup Tag
Col
width80px
Col
Table Head (thead)
Table Row (tr)
styleheight: 30px;
Table Head (th)
colspan2
Event Summary
Table Row (tr)
Table Cell (td)
 
Table Cell (td)
onChange
Method to be executed when the selected tab is changed in the tab panel or divider position is changed in split pane.
HTML Table
id
classservoy sSummary
Colgroup Tag
Col
width80px
Col
Table Head (thead)
Table Row (tr)
styleheight: 30px;
Table Head (th)
colspan2
Property Summary
Table Row (tr)
Table Cell (td)
Number
Table Cell (td)anchors
styleindexdisplay: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.

true
refresh100d
showRefreshtrue
iddoc
titleRefresh page
showDatetrue
retryEnable

servoy sReturnTypes2100%height: 30px;2Supported ClientssWordListSmartClientsWordListWebClientsWordListNGClient

servoy sSummary12%30%58%height: 30px;3Property SummaryEnables a component to stick to a specific side of form and/or to
Table Cell (td)background
grow or shrink when a window is resized. Table Row (tr)

Table Cell (td)
String
The background color of the component. Table Row (tr)
Table Cell (td)
String
Table Cell (td)borderType
Table Row (tr)
Table Cell (td)
Object
Table Cell (td)designTimeProperties
The type, color and style of border of the component.Property to get and add design-time properties for a component. Table Row (tr)
Table Cell (td)
Boolean
Table Cell (td)enabled
fontType
The enable state of the component, default true. Table Row (tr)
Table Cell (td)
String
Table Cell (td)foreground
The font type of the component. Table Row (tr)
Table Cell (td)
String
Table Cell (td)horizontalAlignment
The foreground color of the component.
Table Row (tr)
Table Cell (td)
Number
Table Cell (td)
formIndex
Table Row (tr)
Table Cell (td)
Number
Table Cell (td)Form index returns the z-index of the form element.The horizontal alignment of the tabpanel. Table Row (tr)
Table Cell (td)
String
Table Cell (td)location
Table Row (tr)
Table Cell (td)
String
Table Cell (td)name
The x and y position of the component, in pixels, separated by a comma.The name of the component. Table Row (tr)
Table Cell (td)
Number
Table Cell (td)printSliding
Enables an element to resize based on its content and/or move when printing. Table Row (tr)
Table Cell (td)
Boolean
Table Cell (td)printable
Flag that tells if the component should be printed or not when the form is printed. Table Row (tr)
Table Cell (td)
Boolean
Table Cell (td)scrollTabs
Table Row (tr)
Table Cell (td)
String
Table Cell (td)size
Flag that tells how to arrange the tabs if they don't fit on a single line.styleClass
The width and height (in pixels), separated by a comma. Table Row (tr)
Table Cell (td)
String
Table Cell (td)The name of the style class that should be applied to this component. Table Row (tr)
Table Cell (td)
Number
Table Cell (td)tabOrientation
tabSeq
The position of the tabs related to the tab panel. Table Row (tr)
Table Cell (td)
Number
Table Cell (td)transparent
An index that specifies the position of the component in the tab sequence. Table Row (tr)
Table Cell (td)
Boolean
Table Cell (td)Flag that tells if the component is transparent or not. Table Row (tr)
Table Cell (td)
Boolean
Table Cell (td)visible
The visible property of the component, default true. HTML Table
idevent
classservoy sDetail
id
Colgroup Tag
Col
colspan2
width100%
Col
Table Head (thead) Table Row (tr)style

servoy sSummary12%30%58%height: 30px;

Table Head (th)
colspan2
Event Details
Table Body (tbody)
idonChange-Number_JSEvent
Table Row (tr)
idname
Table Cell (td)

onChange

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
3Event SummaryMethod to be executed when the selected tab is changed in the tab panel or divider position is changed in split pane. Table Row (tr)
idprs
Table Cell (td)

Parameters

div

classsIndent
{Number} previousIndex - index of tab shown before the change
{JSEvent} event - the event that triggered the action
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
HTML Table

classproperty Colgroup Tag Colcolspanservoy sDetailwidth2 Table Row (tr)style100%

Col
Table Head (thead)height:30px; Table Head (th)colspan2Property Details Table Body (tbody)ididanchors Table Row (tr)nametdid

anchors

Table Row (tr)classdes Table Cell (td) DivsIndentEnables a component to stick to a specific side of form and/or to
grow or shrink when a window is resized. If opposite anchors are activated then the component with grow or
shrink with the window. For example if Top and Bottom are activated,
then the component will grow/shrink when the window is vertically
resized. If Left and Right are activated then the component
will grow/shrink when the window is horizontally resized. If opposite anchors are not activated, then the component will
keep a constant distance from the sides of the window which
Table Row (tr)id correspond to the activated anchors.tdret

Returns

divsIndentclients

class Div

classsIndent

Supported Clients

sIndent
Number
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idbackground
Table Row (tr)
idname
Table Cell (td)

background

Table Row (tr)
iddes
Table Cell (td)SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
backgroundname

background

dessIndentThe background color of the component.
Table Row (tr)idret

Table Cell (td)

Returns

divsIndentclients

class

Supported Clients

sIndent
String
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idborderType
Table Row (tr)
idname
Table Cell (td)

borderType

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
borderTypename

borderType

dessIndentThe type, color and style of border of the component.
Table Row (tr)idret

Table Cell (td)

Returns

divsIndentclients

class

Supported Clients

sIndent
String
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
iddesignTimeProperties
Table Row (tr)
idname
Table Cell (td)

designTimeProperties

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
Table Row (tr)idSmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
designTimePropertiesname

designTimeProperties

dessIndentProperty to get and add design-time properties for a component.
tdret

Returns

divsIndentclients

class

Supported Clients

sIndent
Object - map of the design-time properties
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idenabled
Table Row (tr)
idname
Table Cell (td)

enabled

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
enabledname

enabled

dessIndentThe enable state of the component, default true.
Table Row (tr)idtdret

Returns

divsIndentclients

class

Supported Clients

sIndent
Boolean - enabled state
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idfontType
Table Row (tr)
idname
Table Cell (td)

fontType

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
fontTypename

fontType

dessIndentThe font type of the component.
Table Row (tr)idtdret

Returns

divsIndentclients

class

Supported Clients

sIndent
String
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idforeground
Table Row (tr)
idname
Table Cell (td)

foreground

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
foregroundname

foreground

dessIndentThe foreground color of the component.
Table Row (tr)idtdret

Returns

divsIndentclients

class

Supported Clients

sIndent
String
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idformIndex
Table Row (tr)
idname
Table Cell (td)

formIndex

Table Row (tr)
idret
Table Cell (td)

Returns

Div
classsIndent
Number
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idhorizontalAlignment
Table Row (tr)
idname
Table Cell (td)

horizontalAlignment

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
formIndexname

formIndex

dessIndentForm index returns the z-index of the form element. If two elements overlap, then the element with higher Z index is displayed above the form element with lower Z index. In case of form inheritance, form index is evaluated in the context (form) where property is defined. Elements which have child form as context will always be on top of elements which have parent form. If element is overridden in child form but form index property is still inherited its context is still parent form.ret

Returns

sIndent
clients

Supported Clients

sIndentSmartClient,WebClient,NGClient
sam

Sample

sIdentjavascript
lastDetailRow 
horizontalAlignmentname

horizontalAlignment

dessIndentThe horizontal alignment of the tabpanel.
Table Row (tr)idtdret

Returns

divsIndentclients

class

Supported Clients

sIndent
Number
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idlocation
Table Row (tr)
idname
Table Cell (td)

location

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
Table Row (tr)idSmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
locationname

location

dessIndentThe x and y position of the component, in pixels, separated by a comma.
ret

Table Cell (td)

Returns

divsIndentclients

class

Supported Clients

sIndent
String
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idname
Table Row (tr)
idname
Table Cell (td)

name

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
Table Row (tr)idSmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
namename

name

dessIndentThe name of the component. Through this name it can also accessed in methods.
tdret

Returns

divsIndentclients

class

Supported Clients

sIndent
String
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idprintSliding
Table Row (tr)
idname
Table Cell (td)

printSliding

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
printSlidingname

printSliding

dessIndentEnables an element to resize based on its content and/or move when printing.

The component can move horizontally or vertically and can grow or shrink in
height and width, based on its content and the content of neighboring
Table Row (tr)id components.tdret

Returns

divsIndentclients

class

Supported Clients

sIndentSmartClient,WebClient
sam

Number

Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idprintable
Table Row (tr)
idname
Table Cell (td)

printable

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent

Sample

sIdentjavascript
lastDetailRow 
printablename

printable

dessIndentFlag that tells if the component should be printed or not when the form is printed.
By default components are printable. Table Row (tr)idret

Table Cell (td)

Returns

divsIndentclients

class

Supported Clients

sIndentSmartClient,WebClient
sam

Boolean

Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idscrollTabs
Table Row (tr)
idname
Table Cell (td)

scrollTabs

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent

Sample

sIdentjavascript
lastDetailRow 
scrollTabsname

scrollTabs

dessIndentFlag that tells how to arrange the tabs if they don't fit on a single line.

If this flag is set, then the tabs will stay on a single line, but there will
be the possibility to scroll them to the left and to the right. If this flag
Table Row (tr)id is not set, then the tabs will be arranged on multiple lines.tdret

Returns

divsIndentclients

class

Supported Clients

sIndent
Boolean
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idsize
Table Row (tr)
idname
Table Cell (td)

size

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
Table Row (tr)idSmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
sizename

size

dessIndentThe width and height (in pixels), separated by a comma.
tdret

Returns

divsIndentclients

class

Supported Clients

sIndent
String
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idstyleClass
Table Row (tr)
idname
Table Cell (td)

styleClass

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
styleClassname

styleClass

dessIndentThe name of the style class that should be applied to this component.
When defining style classes for specific component types, their names
must be prefixed according to the type of the component. For example
in order to define a class names 'fancy' for fields, in the style
definition the class must be named 'field.fancy'. If it would be
intended for labels, then it would be named 'label.fancy'. When specifying
the class name for a component, the prefix is dropped however. Thus the
Table Row (tr)id field or the label will have its styleClass property set to 'fancy' only.tdret

Returns

divsIndentclients

class

Supported Clients

sIndent
String
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idtabOrientation
Table Row (tr)
idname
Table Cell (td)

tabOrientation

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
tabOrientationname

tabOrientation

dessIndentThe position of the tabs related to the tab panel. Can be one of TOP, RIGHT, BOTTOM, LEFT,

HIDE, SPLIT_HORIZONTAL, SPLIT_VERTICAL, ACCORDION_PANEL. The HIDE option makes the tabs invisible, SPLIT_HORIZONTAL
makes the tab panel horizontal split pane, SPLIT_VERTICAL makes the tab panel vertical split pane, ACCORDION_PANEL turns
Table Row (tr)id the tab panel into an accordion.ret

Table Cell (td)

Returns

divsIndentclients

class

Supported Clients

sIndent
Number
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idtabSeq
Table Row (tr)
idname
Table Cell (td)

tabSeq

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
tabSeqname

tabSeq

dessIndentAn index that specifies the position of the component in the tab sequence. The components

are put into the tab sequence in increasing order of this property. A value of 0 means
to use the default mechanism of building the tab sequence (based on their location on the form).
Table Row (tr)id A value of -2 means to remove the component from the tab sequence.tdret

Returns

divsIndentclients

class

Supported Clients

sIndent
Number
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idtransparent
Table Row (tr)
idname
Table Cell (td)

transparent

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
transparentname

transparent

dessIndentFlag that tells if the component is transparent or not.
The default value is "false", that is the components
Table Row (tr)id are not transparent.ret

Table Cell (td)

Returns

divsIndentclients

class

Supported Clients

sIndent
Boolean
Table Row (tr)
classlastDetailRow
Table Cell (td)
 
Table Body (tbody)
idvisible
Table Row (tr)
idname
Table Cell (td)

visible

Table Row (tr)
iddes
Table Cell (td) Div
classsIndent
Table Row (tr)
idret
Table Cell (td)

Returns

Div
classsIndent
Boolean - visible property
Table Row (tr)
classlastDetailRow
Table Cell (td) SmartClient,WebClient,NGClientsam

Sample

sIdentjavascript
lastDetailRow 
visiblename

visible

dessIndentThe visible property of the component, default true.
ret

Returns

sIndent
clients

Supported Clients

sIndentSmartClient,WebClient,NGClient
sam

Sample

sIdentjavascript
lastDetailRow 

eventservoy sDetail2100%height:30px2Event DetailsonChangename

onChange(previousIndex, event)

dessIndentMethod to be executed when the selected tab is changed in the tab panel or divider position is changed in split pane.prs

Parameters

sIndentpreviousIndexindex of tab shown before the changeeventthe event that triggered the action
ret

Returns

sIndent
clients

Supported Clients

sIndentSmartClient,WebClient,NGClient
sam

Sample

sIdentjavascript
lastDetailRow