Design & Layout
      Zurück zur Startseite
      1. Knowledge Base
      2. Komponenten & Funktionalitäten
      3. Design & Layout

      Label

      Diese Komponente stellt eine Beschriftung für eine Eingabekomponente auf einer Seite dar

      In diesem Artikel lesen Sie folgende Inhalte:

      Label Properties

      Label Funktionalitäten

      Tipp! In unserer Komponentendemo sehen Sie mehr von der Komponente.

      1. Label Properties

      Properties

      Beschreibung

      ID

      Bezeichnung / Benamung der Headline

      Color scheme

      Initiale Farbschemen:

      • Normal: schwarz

      • Default: blau

      • Success: grün

      • Danger: rot

      Konfiguriert in Color Schemes

      CSS class

      Elemente einer Gruppe/Klasse zuordnen, für die dann bestimmte Formatierungen gelten

      Option 1: in Properties bestehende Bootstrap-Klassen einfügen

      Option 2: über Hauptmenü in den Page Templates (für “alles verfügbar”)

      Option 3: Page definitions (nur für diese Seite)

      Text encoding

      Plain Text vs. HTML Code

      Text

      Labeltext

      Required mark

      Show required mark: Bei aktivierter Checkbox wird nach dem Label, das im Textfeld definierte Zeichen ausgegeben. In der Regel wird dafür ein * verwendet, um anzuzeigen, dass es sich um ein Pflichtfeld handelt

      Optional mark

      Show optional mark: Bei aktivierter Checkbox wird nach dem Label das im Textfeld definierte Zeichen ausgegeben.

      Colons

      Show colons after label: Bei aktiver Checkbox wird ein Doppelpunkt nach dem Label ausgegeben

      2. Label Funktionalitäten 

      Events

      Notiz! Die Komponente Label verfügt über keine Events.

      Actions

      Kategorisierung

      Action

      Beschreibung

      State

      show()

      Shows the label.

      hide()

      Hides the label.

      setVisible(visible)

      Show/hide the label.
      visible: Flag to indicate shown or hidden.

      Appearance

      setText(text)

      Set the label text.
      text: Text for the label.

      setHtml(html)

      Set the label Html.
      html: Html for the label.

      setRequired(required, text)

      Set the label as required.
      required: Indicator for required or not.
      text: Required marker text.

      setOptional(optional, text)

      Set the label as optional.
      optional: Indicator for optional or not.
      text: Optional marker text.