Durchsuchbare Dokumentation aufrufen

Zurück zur Dokumentationsübersicht

agorum.composite.form.element.label

Dieses Element stellt ein Label dar. Sie können es etwa in Kombination mit Widgets verwenden, die kein Label besitzen.​​​​​​

agorum.composite.form.element.label erbt alle Grundeigenschaften von element.

Beispiel


Oberfläche mit Label-Beispielen

Skript zur Oberfläche

let aguila = require('common/aguila');

let form = aguila.create({
  width: 500,
  height: 300,
  type: 'agorum.composite.form.basic',
  elements: [
    // Sample: label on top, bevore vbox
    {
      type: 'agorum.composite.form.element.label',
      label: 'Label 1',
      labelPosition: 'top',
    },
    {
      type: 'agorum.vbox',
      border: true,
      height: 100,
    },
    {
      type: 'agorum.hbox',
      items: [
        // Sample: label on left side before vbox
        {
          type: 'agorum.composite.form.element.label',
          label: 'Label 2',
        },
        {
          type: 'agorum.vbox',
          border: true,
          flexible: true,
          height: 100,
        },
      ],
    },
    // text element has builtin label
    {
      type: 'agorum.composite.form.element.text',
      label: 'Label 3',
    },
    {
      type: 'agorum.composite.form.element.text',
      label: 'Label 4',
      labelPosition: 'top',
    },
    {
      type: 'agorum.composite.form.element.text',
      label: 'Hinweis',
      value: 'Hier könnte ein Infotext stehen.',
      readOnly: true,
      labelPosition: 'top',
    },
  ],
});

form;

Parameter


Alle Parameter in element gelten bis auf value.

Events


Alle Events in element gelten.