Data Label
(part of package 'Bootstrap Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent
DataLabel is a label component that can show dynamic text and (optionally) an image.
This is a reference page; many components have detailed usage guides here.
Properties
dataProviderID
The column or variable to provide the data for this label.
Type: dataprovider
enabled
Whether the component is enabled or not; blocks onAction, onDoubleClick, onRightClick events.
Type: enabled Default Value: true
format
A format to format the data shown
Type: format
imageStyleClass
An icon style class property (glyphicon, material design or Font Awesome). Example 'fas fa-search' If you want to use Font Awesome classes you need to enable the Font Awesome service from the Servoy Package Manager.
Type: string
showAs
Option whether label text (coming from dataprovider) is shown as plain text, sanitized html or trusted html (as is). Inner html elements events can be identified using data-target attribute.
Type: string Default Value: "html"
styleClass
CSS style class for this component
Type: styleclass Default Value: "default-align"
styleClassExpression
A column or calculation that provides the CSS style class for this component
Type: dataprovider
tabSeq
Tab sequence index of the form
Type: tabseq
toolTipText
Tooltip text shown when hovering over the component (i18n is supported)
Type: tagstring
trailingImageStyleClass
An icon style class property (glyphicon, material design or Font Awesome). Example 'fas fa-search' If you want to use Font Awesome classes you need to enable the Font Awesome service from the Servoy Package Manager.
Type: string
valuelistID
The value list which is used to get a display value for the actual columns real value like id -> name
Type: valuelist
visible
Whether the label is visible or not
Type: visible
Events
onActionMethodID
Click event. dataTarget parameter is used to identify inner html elements (by their data-target attribute)
Parameters:
onDoubleClickMethodID
DoubleClick event. dataTarget parameter is used to identify inner html elements (by their data-target attribute)
Parameters:
onRightClickMethodID
RightClick event. dataTarget parameter is used to identify inner html elements (by their data-target attribute)
Parameters:
API
Last updated