Zu Content springen
Deutsch
Zu gapteq.com
  • Es gibt keine Vorschläge, da das Suchfeld leer ist.

Radio Group

Die Radio Group, enthält eine Reihe von Buttons und ermöglicht dem Endbenutzer, eine einzige Auswahl aus der Menge zu treffen.

In diesem Artikel lesen Sie folgende Inhalte:

Radio Group Properties

Radio Group Funktionalitäten

Tipp! Hier sehen Sie mehr über die Komponente.

1. Radio Group 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)

Header / Footer

Show header / Show footer:
Checkbox steuert ob der Text angezeigt wird.

Display:
Option 1: Use Text (Text wird ohne Formatierung ausgegeben.
Option 2: Use HTML (Im Text kann HTML verwendet werden)

Text: Text der ausgegeben wird.

TD_FT_Panel

Orientation

Horizontal (left to right): Enthaltene Komponenten werden nebeneinander dargestellt.

Vertical (top to bottom): Enthaltene Komponenten werden untereinander dargestellt.

Size

Expand bottom: Wenn aktiviert, wird das Panel in voller Höhe der Row dargestellt in der es platziert ist

Item spacing (px)

Abstand in Pixel um jede im Panel enthaltene Kompnente.

Item (nur horizontal)

Im Panel (Horizontal) werden alle enhaltenen Komponenten in gleicher Breite dargestellt. Durch Auswahl einer enthaltenen Komponente, kann dieser durch Angaben bei Weight, mehr Breite zugewiesen werden.

Weight (nur horizontal)

Der bei Item ausgewählten Komponente kann durch Angabe einer Verhältniszahl mehr Breite zugewiesen werden. z.B. Angabe von 2 bedeutet, dass die Komponente doppelt so breit dargestellt wird.

Vertical align (nur horizontal)

Optionen:

  • Top

  • Center

  • Bottom

2. Radio Group Funktionalitäten

Events

Event

Beschreibung (GAPTEQ Designer)

selectionChanged

This event fires when the selection was changed anyhow.

changedByUser

This event fires when the selection was changed by the user.

enterKey

This event fires when the enter key was pressed.

Actions

Kategorisierung

Action

Beschreibung

State

enable()

Enable the radio group.

disable()

Disable the radio group.

setEnabled(enabled)

Enable/disable the radio group.
enabled: Flag to indicate enabled or disabled.

show()

Shows the radio group.

hide()

Hides the radio group.

setVisible(visible)

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

writeable()

Make the radio group writeable.

readonly()

Make the radio group read-only.

setReadOnly(readOnly)

Set the radio group to read-only/writeable.
readOnly: Flag to indicate read-only or writeable.

focus()

Sets focus on the radio group.

Data

refresh()

Refresh

clearSelection()

Clear the selection.

selectValue(value)

Select a value of the radio group.
value: The value to select.

selectKey(key)

Select a key of the radio group.
key: The key to select.

selectFirst()

Select the first item of the radio group.

selectFirstIfEmpty()

Select the first item of the radio group if there is no selection.