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:

event JSEvent dataTarget string


onDoubleClickMethodID

DoubleClick event. dataTarget parameter is used to identify inner html elements (by their data-target attribute)

Parameters:

event JSEvent dataTarget string


onRightClickMethodID

RightClick event. dataTarget parameter is used to identify inner html elements (by their data-target attribute)

Parameters:

event JSEvent dataTarget string


API


Last updated