Was können wir verbessern?

Dokumentation

(Bearbeiten)

ExpansionPanel

Benötigt: IP-Symcon >= 5.0

Erstellt ein Expansion Panel, welches weitere Formularfelder enthält und auf- und zugeklappt werden kann, um so den Inhalt platzsparend darzustellen.

Beispiel

Dieses Element wird von der Legacy-Konsole nicht unterstützt. Wird ein Modul mit diesem Element in der Legacy-Konsole geöffnet, werden alle enthaltenen Elemente direkt sichtbar im Formular angezeigt.

Parameter

Parameter Beschreibung
caption Titel des Expansion Panels
expanded (optional) (default: false) Bei true ist das Expansion Panel ausgeklappt, ansonsten ist es eingeklappt (ab IP-Symcon 5.2)
items Liste mit Formularfeldern innerhalb des Expansion Panels (nicht änderbar)
link (optional) (default: false) Ist dieser Parameter true, dann wird die Ausgabe des onClick-Skriptes als Link geöffnet. Ist er false, so wird die Ausgabe als Dialog im Konfigurationsformular angezeigt. (ab IP-Symcon 6.0)
name (optional) Name des Buttons
onClick (optional) (default: "") Skript, welches bei einem Klick auf das Ausklappicon ausgeführt wird. Sofern das Skript aus mehreren Zeilen besteht, können die einzelnen Zeilen auch als Array übergeben werden (Arrays werden ab Version 6.0 unterstützt). Es hat die gleichen Eigenschaften wie onClick des Button (ab IP-Symcon 5.3)
type ExpansionPanel
visible (optional) (default: true) Bei true ist das Expansion Panel sichtbar, ansonsten ist es unsichtbar (ab IP-Symcon 5.2)
width (optional) Feste Breite des Expansion Panels in Pixel oder % als String, z.B. "40%" oder "250px". Ist der Wert nicht gesetzt oder "", wird automatisch die volle Breite genutzt (ab IP-Symcon 5.3)

Beispiel

// Richtet ein Expansion Panel ein
    {
        "type": "ExpansionPanel",
        "caption": "Mein Expansion Panel",
        "items": [
            {
                "type": "SelectFile",
                "name": "File",
                "caption": "File"
            },
            {
                "type": "Select",
                "name": "Calculation",
                "caption": "Calculation",
                "options": [
                    { "caption": "Everything", "value": 0 },
                    { "caption": "Sum", "value": 1 },
                    { "caption": "Minimum", "value": 2 },
                    { "caption": "Maximum", "value": 3 },
                    { "caption": "Average", "value": 4 },
                    { "caption": "Count", "value": 5 }
                ]
            }
        ]
    }
Zum Warenkorb
Haben Sie noch Fragen?