visible The visible property of the component, default true.
...
id
event
class
servoy sDetail
...
padding
0px
width
100%
Table Row (tr)
style
height: 30px;
Table Head (th)
colspan
1
Event Details
...
id
onAction
Table Row (tr)
id
name
Table Cell (td)
onAction
Table Row (tr)
id
des
Table Cell (td)
Div
class
sIndent
The method that is executed when the component is clicked.
...
class
lastDetailRow
...
id
onDoubleClick-JSEvent
Table Row (tr)
id
name
Table Cell (td)
onDoubleClick
Table Row (tr)
id
des
Table Cell (td)
Div
class
sIndent
The method that is executed when the component is double clicked.
Table Row (tr)
id
prs
Table Cell (td)
Parameters
Div
class
sIndent
{JSEvent} event - the event that triggered the action
...
class
lastDetailRow
...
id
onRender
Table Row (tr)
id
name
Table Cell (td)
onRender
Table Row (tr)
id
des
Table Cell (td)
Div
class
sIndent
The method that is executed when the component is rendered.
...
class
lastDetailRow
...
id
onRightClick
Table Row (tr)
id
name
Table Cell (td)
onRightClick
Table Row (tr)
id
des
Table Cell (td)
Div
class
sIndent
The method that is executed when the component is right clicked.
...
class
lastDetailRow
...
HTML Table
id
property
class
servoy sDetail
Colgroup Tag
Column
padding
0px
width
100%
Table Row (tr)
style
height: 30px;
Table Head (th)
colspan
1
Property Details
Table Body (tbody)
id
anchors
Table Row (tr)
id
name
Table Cell (td)
anchors
Table Row (tr)
id
des
Table Cell (td)
Div
class
sIndent
Enables 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 correspond to the activated anchors.
Flag that enables or disables merging of data inside components using tags (placeholders). Tags (or placeholders) are words surrounded by %%on each side. There are data tags and standard tags. Data tags consist in names of dataproviders surrounded by%%. Standard tags are a set of predefined tags that are made available by the system.
See the "Merging data" section for more details about tags.
The default value of this flag is "false", that is merging of data is disabled by default.
The format that should be applied when displaying data(using dataProviderID) in the label/button. Some examples are "#%", "dd-MM-yyyy", "MM-dd-yyyy", etc.
Some components can be set to be labels of other components. This is useful in two situations. In table view mode it is used for constructing the header of the table. In record view mode, by setting mnemonics on the label, keyboard shortcuts can be used to set the focus to fields.
Options to scale the image Media object that is displayed inside the component. Can be set to one or a combination of CROP, REDUCE, ENLARGE and KEEPASPECT.
REDUCE will scale down the image if the component is smaller than the image. REDUCE combined with KEEPASPECT will reduce the image, but keep its aspect ratio. This is useful when the component has other proportions than the image.
ENLARGE will scale up the image if the component is larger than the image. ENLARGE combined with KEEPASPECT will scale up the image while keeping its aspect ratio.
CROP will leave the image at its original size. If the component is smaller than the image this will result in only a part of the image showing up.
The keyboard shortcut that activates this component. A letter must be specified, and the actual shortcut will be combination of ALT + the specified letter.
This property can be used in two ways. Normally the keyboard shortcut activates the onClick event of the component. But if the "labelFor" property is set for the component, then the keyboard shortcut will move the focus to the component whose label this component is.
Enables 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 components.
The cursor that is shown as the mouse is rolled over the component. Possible options are DEFAULT and HAND. Note that roll over cursor is not supported in Smart client for list view and tableview forms.
The roll over image Media object used. It will only work if a property image is also used. When the mouse is moved over the component, this image Media will be displayed. When the mouse is moved out of the component, whatever text or image was being initially displayed will be restored. Note that roll over image is not supported in Smart client for list view and tableview forms.
When set the text of an element will showfocus when selected. Applies to labels and buttons only. The text property for the element MUST be filled in first.
NOTE: The TAB key may also be used to select the element, depending on the operating system being used and the selected LAF.
The 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 field or the label will have its styleClass property set to 'fancy' only.
An 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). A value of -2 means to remove the component from the tab sequence.
The text displayed when hovering over the component with a mouse cursor.
NOTE: HTML should be used for multi-line tooltips; you can also use any valid HTML tags to format tooltip text. For example: <html>This includes<b>bolded text</b> and <font color='blue'>BLUE</font> text as well.</html>
servoy sReturnTypes2100%height: 30px;2Supported ClientssWordListSmartClientsWordListWebClientsWordListNGClientsWordListMobileClientservoy sSummary12%30%58%height: 30px;3Property SummaryEnables a component to stick to a specific side of form and/or to grow or shrink when a window is resized.The background color of the component.The type, color and style of border of the component.Thecss position of the component.Icon for a button, this must be one of: alert arrow-d arrow-l arrow-r arrow-u back bars check delete edit forward gear grid home info minus plus refresh search starThe dataprovider of the component.Property to get and add design-time properties for a component.Flag that enables or disables merging of data inside components using tags (placeholders).The enable state of the component, default true.The font type of the component.The foreground color of the component.Form index returns the z-index of the form element.The format that should be applied when displaying data(using dataProviderID) in the label/button.Horizontal alignment of the text inside the component.The image Media object that should be displayed inside the component.Some components can be set to be labels of other components.The x and y position of the component, in pixels, separated by a comma.The margins of the component.Options to scale the image Media object that is displayed inside the component.The keyboard shortcut that activates this component.The name of the component.Enables an element to resize based on its content and/or move when printing.Flag that tells if the component should be printed or not when the form is printed.The cursor that is shown as the mouse is rolled over the component.The roll over image Media object used.When set, the element will show the clicked state when selected.When set the text of an element will showfocus when selected.The width and height (in pixels), separated by a comma.The name of the style class that should be applied to this component.An index that specifies the position of the component in the tab sequence.The text that is displayed inside the component.The rotation of the element.The text displayed when hovering over the component with a mouse cursor.Flag that tells if the component is transparent or not.The vertical alignment of the text inside the component.The visible property of the component, default true.servoy sSummary12%30%58%height: 30px;3Event SummaryvoidvoidThe method that is executed when the component is double clicked.voidThe method that is executed when the component is rendered.voidThe method that is executed when the component is right clicked.propertyservoy sDetail2100%height:30px2Property Detailsanchorsname
anchors
dessIndent
Enables 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
correspond to the activated anchors.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowbackgroundname
background
dessIndent
The background color of the component.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowborderTypename
borderType
dessIndent
The type, color and style of border of the component.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowcommentname
comment
dessIndentret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowcssPositionname
cssPosition
dessIndent
Thecss position of the component.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowdataIconname
dataIcon
dessIndent
Icon for a button, this must be one of:
alert
arrow-d
arrow-l
arrow-r
arrow-u
back
bars
check
delete
edit
forward
gear
grid
home
info
minus
plus
refresh
search
star
Property to get and add design-time properties for a component.
ret
Returns
sIndent map of the design-time propertiesclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowdisplaysTagsname
displaysTags
dessIndent
Flag that enables or disables merging of data inside components using tags (placeholders).
Tags (or placeholders) are words surrounded by %% on each side. There are data tags and
standard tags. Data tags consist in names of dataproviders surrounded by %%. Standard tags
are a set of predefined tags that are made available by the system.
See the "Merging data" section for more details about tags.
The default value of this flag is "false", that is merging of data is disabled by default.
Form 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
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowformatname
format
dessIndent
The format that should be applied when displaying data(using dataProviderID) in the label/button.
Some examples are "#%", "dd-MM-yyyy", "MM-dd-yyyy", etc.
Horizontal alignment of the text inside the component. Can be one of
LEFT, CENTER or RIGHT.
Note that this property does not refer to the horizontal alignment
of the component inside the form.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowimageMedianame
imageMedia
dessIndent
The image Media object that should be displayed inside the component.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowlabelForname
labelFor
dessIndent
Some components can be set to be labels of other components. This is useful in
two situations. In table view mode it is used for constructing the header of the
table. In record view mode, by setting mnemonics on the label, keyboard shortcuts
can be used to set the focus to fields.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowlocationname
location
dessIndent
The x and y position of the component, in pixels, separated by a comma.
The margins of the component. They are specified in this order,
separated by commas: top, left, bottom, right.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowmediaOptionsname
mediaOptions
dessIndent
Options to scale the image Media object that is displayed inside the component.
Can be set to one or a combination of CROP, REDUCE, ENLARGE and KEEPASPECT.
REDUCE will scale down the image if the component is smaller than the image.
REDUCE combined with KEEPASPECT will reduce the image, but keep its aspect ratio.
This is useful when the component has other proportions than the image.
ENLARGE will scale up the image if the component is larger than the image.
ENLARGE combined with KEEPASPECT will scale up the image while keeping its aspect ratio.
CROP will leave the image at its original size. If the component is smaller than
the image this will result in only a part of the image showing up.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowmnemonicname
mnemonic
dessIndent
The keyboard shortcut that activates this component. A letter must be specified,
and the actual shortcut will be combination of ALT + the specified letter.
This property can be used in two ways. Normally the keyboard shortcut activates
the onClick event of the component. But if the "labelFor" property is set for the
component, then the keyboard shortcut will move the focus to the component whose
label this component is.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRownamename
name
dessIndent
The name of the component. Through this name it can also accessed in methods.
Must be a valid javascript name. (no - in the name or start with number)
Enables 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
components.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClientsam
Sample
sIdentjavascriptlastDetailRowprintablename
printable
dessIndent
Flag that tells if the component should be printed or not when the form is printed.
By default components are printable.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClientsam
Sample
sIdentjavascriptlastDetailRowrolloverCursorname
rolloverCursor
dessIndent
The cursor that is shown as the mouse is rolled over the component.
Possible options are DEFAULT and HAND. Note that roll over cursor is not supported in Smart client for list view and tableview forms.
The roll over image Media object used. It will only work if a property image is also used.
When the mouse is moved over the component, this image Media will be displayed.
When the mouse is moved out of the component, whatever text or image was being initially
displayed will be restored. Note that roll over image is not supported in Smart client for list view and tableview forms.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowshowClickname
showClick
dessIndent
When set, the element will show the clicked state when selected.
Applies to labels and buttons and images only.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowshowFocusname
showFocus
dessIndent
When set the text of an element will showfocus when selected.
Applies to labels and buttons only.
The text property for the element MUST be filled in first.
NOTE: The TAB key may also be used to select the element, depending
on the operating system being used and the selected LAF.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowsizename
size
dessIndent
The width and height (in pixels), separated by a comma.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowstyleClassname
styleClass
dessIndent
The 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
field or the label will have its styleClass property set to 'fancy' only.
An 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).
A value of -2 means to remove the component from the tab sequence.
The rotation of the element. You can choose 0, 90, 180, or 270 and the label is rotated accordingly.
This property also applies to buttons and images.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowtoolTipTextname
toolTipText
dessIndent
The text displayed when hovering over the component with a mouse cursor.
NOTE:
HTML should be used for multi-line tooltips; you can also use any
valid HTML tags to format tooltip text. For example:
<html>This includes<b>bolded text</b> and
<font color='blue'>BLUE</font> text as well.</html>
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowtransparentname
transparent
dessIndent
Flag that tells if the component is transparent or not.
The default value is "false", that is the components
are not transparent.
The vertical alignment of the text inside the component. Can be one of
TOP, CENTER or BOTTOM.
Note that this property does not refer to the vertical alignment of the
component inside the form.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowvisiblename
visible
dessIndent
The visible property of the component, default true.