Label

(part of package 'Bootstrap Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent

This is a reference page; many components have detailed usage guides here.

Properties

enabled

Label is a label component that can show dynamic text and (optionally) an image. Type: Enabled Default Value: true

---

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

---

labelFor

Name of an input field - 'for' html attribute will be filled in. Type: Labelfor

---

showAs

Option whether label text 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

Set the styleclasses that should be applied at to 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 for keyboard navigation. Type: Tabseq

---

text

The text content displayed by the label (i18n supported). Type: Tagstring

---

toolTipText

Tooltip text displayed when hovering over the label (i18n 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

---

variant

Sets the variant of this button, this sets a certain set of styleclasses at runtime for which this variant is configured for Type: Variant

---

visible

Whether the button is visible or not Type: Visible

---

Events

onActionMethodID(event,dataTarget)

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

Parameters:

• {JSEvent} event The event object containing details about the click event e.g. target element, mouse coordinates

• {String} dataTarget The identifier for inner html elements, identified via the data-target attribute

---

onDoubleClickMethodID(event,dataTarget)

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

Parameters:

• {JSEvent} event The event object containing details about the double-click event e.g. target element, click timing

• {String} dataTarget The identifier for inner html elements, identified via the data-target attribute

---

onRightClickMethodID(event,dataTarget)

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

Parameters:

• {JSEvent} event The event object containing details about the right-click event e.g. target element, context menu trigger

• {String} dataTarget The identifier for inner html elements, identified via the data-target attribute

---

API

---