servoy sReturnTypes2100%height: 30px;2Supported ClientssWordListSmartClientsWordListWebClientsWordListNGClientservoy 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.Property to get and add design-time properties for a component.The enable state of the component, default true.Form index returns the z-index of the form element.The default sort order for the rows displayed in the portal.The additional spacing between cell rows.The x and y position of the component, in pixels, separated by a comma.When set, portal rows can have a custom layout of fields, buttons, etc.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 name of the relationship between the table related to the currently active form and the table you want to show data from in the portal.When set, the portal rows can be re-ordered by dragging the column headers.When set the portal rows can be resized by users.The calculation dataprovider (such as servoy_row_bgcolor) used to add background color and highlight selected or alternate portal rows.The height of each row in pixels.Scrollbar options for the vertical and horizontal scrollbars.When set, the portal displays horizontal lines between the rows.When set the portal displays vertical lines between the columns.The width and height (in pixels), separated by a comma.When set, users can sort the contents of the portal by clicking on the column headings.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.Flag that tells if the component is transparent or not.The visible property of the component, default true.servoy sSummary12%30%58%height: 30px;3Event SummaryvoidThe method that is triggered when (non Design Mode) dragging occurs.voidThe method that is triggered when (non Design Mode) dragging end occurs.voidThe method that is triggered when (non Design Mode) dragging over a component occurs.voidThe method that is triggered when (non Design Mode) dropping occurs.voidThe method that is executed when the component is rendered.propertyservoy sDetail2100%height:30px2Property Detailsanchorsbackgroundnameanchors
background
dessIndentEnables
The
a
background
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
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
sIdentjavascriptlastDetailRowenabledname
enabled
dessIndent
The enable state of the component, default true.
ret
Returns
sIndent enabled stateclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowformIndexname
formIndex
dessIndent
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
sIdentjavascriptlastDetailRowinitialSortname
initialSort
dessIndentThe default sort order for the rows displayed in the portal
additional spacing between cell rows. Is composed from the
component,
horizontal
in
spacing
pixels,
and
separated
the
by
vertical
a comma
spacing.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowmultiLinename
multiLine
dessIndent
When set, portal rows can have a custom layout of fields, buttons, etc. displayed for each
matching row (rather than the default "grid").
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)
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowngReadOnlyModename
ngReadOnlyMode
dessIndentret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowprintSlidingname
printSliding
dessIndent
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
sIdentjavascriptlastDetailRowrelationNamename
relationName
dessIndent
The name of the relationship between the table related to the currently active
form and the table you want to show data from in the portal.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowreorderablename
reorderable
dessIndent
When set, the portal rows can be re-ordered by dragging the column headers.
The calculation dataprovider (such as servoy_row_bgcolor) used to add background
color and highlight selected or alternate portal rows.
NOTE: This property has been deprecated and is kept visible for legacy purposes. Use CSS Row Styling & onRender event instead.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowrowHeightname
rowHeight
dessIndent
The height of each row in pixels. If 0 or not set, the height defaults to 10.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowscrollbarsname
scrollbars
dessIndent
Scrollbar options for the vertical and horizontal scrollbars. Each of the
vertical and horizontal scrollbars can be configured to display all the time,
to display only when needed or to never display.
When set, the portal displays horizontal lines between the rows.
NOTE:
In a multi-line portal, a horizontal line is only displayed
in the selected row; to display a horizontal line in all rows, add a
line to the portal.
When set the portal displays vertical lines between the columns.
NOTE:
In a multi-line portal, a vertical line is only displayed
in the selected row; to display a vertical line in all rows, add
a line to the portal.
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
sIdentjavascriptlastDetailRowsortablename
sortable
dessIndent
When set, users can sort the contents of the portal by clicking on the column headings.
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.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowtabSeqname
tabSeq
dessIndent
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.
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.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowvisiblename
visible
dessIndent
The visible property of the component, default true.