« Zurück zu Produkt

Dokumentation

ColumnLayout

Benötigt: Symcon >= 6.0

Erstellt eine Spalte, in welcher Formularfelder untereinander dargestellt werden. Dies ist insbesondere hilfreich um den Inhalt dynamisch anzupassen.

Beispiel

Parameter

Parameter Beschreibung
halign (optional) (default: "left") Horizontale Ausrichtung der Elemente innerhalb der Spalte (ab Symcon 9.1)
"left": Die Elemente werden links ausgerichtet
"center": Die Elemente werden zentriert
"right": Die Elemente werden rechts ausgerichtet

| items | Liste mit Konfigurationselementen innerhalb der Spalte |
| name (optional) | Name der Spalte |
| type | ColumnLayout |
| valign (optional) | (default: "") Vertikale Ausrichtung der Elemente innerhalb der verfügbaren Höhe, z.B. wenn die Spalte in einem RowLayout neben einer höheren Spalte steht. Ist der Parameter gesetzt, nutzt die Spalte die volle verfügbare Höhe (ab Symcon 9.1)
"": Die Spalte ist so hoch wie ihr Inhalt und wird gemäß dem Parameter valign des umgebenden RowLayout ausgerichtet
"top": Die Elemente werden oben ausgerichtet
"middle": Die Elemente werden mittig ausgerichtet
"bottom": Die Elemente werden unten ausgerichtet
"between": Die Elemente werden über die Höhe verteilt, das erste Element oben und das letzte unten |
| visible (optional) | (default: true) Bei true ist die Spalte sichtbar, ansonsten ist sie unsichtbar |

Beispiel

// Spaltenlayout
{ 
    "type": "ColumnLayout",
    "items": [
        {
            "type": "SelectLocation",
            "name": "Location",
            "caption": "My Location"
        },{
            "type": "Button",
            "caption": "Test",
            "onClick": "TM_Update($id);"
        },{
            "type": "Button",
            "caption": "Test2",
            "onClick": "TM_Update2($id);"
        }
    ]
}
Haben Sie noch Fragen?