Data Label
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package '') Extends designtime/SolutionModel: Extends runtime:
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 .
The column or variable to provide the data for this label. Type:
Whether the component is enabled or not; blocks onAction, onDoubleClick, onRightClick events. Type: Default Value: true
A format to format the data shown Type:
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:
Click event. dataTarget parameter is used to identify inner html elements (by their data-target attribute)
Parameters:
DoubleClick event. dataTarget parameter is used to identify inner html elements (by their data-target attribute)
Parameters:
RightClick event. dataTarget parameter is used to identify inner html elements (by their data-target attribute)
Parameters:
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: Default Value: "html"
CSS style class for this component Type: Default Value: "default-align"
A column or calculation that provides the CSS style class for this component Type:
Tab sequence index of the form Type:
Tooltip text shown when hovering over the component (i18n is supported) Type:
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:
The value list which is used to get a display value for the actual columns real value like id -> name Type:
Whether the label is visible or not Type:
{} event The event object containing details about the click event e.g. target element, mouse coordinates
{} dataTarget The identifier for inner HTML elements, identified via the data-target attribute
{} event The event object containing details about the double click event e.g. target element, mouse coordinates
{} dataTarget The identifier for inner HTML elements, identified via the data-target attribute
{} event The event object containing details about the right-click event e.g. target element, context menu trigger
{} dataTarget The identifier for inner HTML elements, identified via the data-target attribute