Grafiken lockern eine Listenansicht auf und erleichtern die Orientierung – etwa ein Grundriss des Geschosses, ein Foto des Raums oder ein Logo. Eine Grafik wird über ihre Adresse eingebunden und in voller Breite der Liste angezeigt.

1. Grafik auf den Gira X1 laden

Wir empfehlen, die Grafik direkt auf der Micro-SD-Karte des Gira X1 abzulegen. So ist sie auch ohne Internetverbindung verfügbar und lädt schnell.

  1. Öffnen Sie das Register „Dateien“ und wechseln Sie in den Ordner /opt/card/www/ (das Webserver-Verzeichnis, siehe Parameter „WebServer Verzeichnis (Micro SD Karte)“ am Grundbaustein).
  2. Laden Sie die Grafik hoch, z. B. grundriss-eg.svg. Wie das geht, lesen Sie unter Dateiexplorer.
  3. Die Grafik ist danach unter http://<ip-adresse-vom-girax1>:8081/grundriss-eg.svg erreichbar. Liegt sie in einem Unterordner, z. B. www/bilder/, lautet die Adresse …:8081/bilder/grundriss-eg.svg.

Geeignet sind die Formate PNG, JPG, GIF und SVG. Halten Sie die Dateien klein (am besten unter 200 KB), damit die Liste auch auf Mobilgeräten schnell lädt. Eine Breite von etwa 600 bis 1.000 Pixeln reicht in der Regel aus.

2. Grafik in die Liste einfügen

Klicken Sie im Register „Listen“ auf „Grafik hinzufügen…“, tragen Sie die Adresse der Grafik ein (1) und bestätigen Sie mit „Ok“. Die Grafik wird am Ende der Liste angefügt und in der Tabelle als Vorschau angezeigt. Mit den Doppelpfeilen verschieben Sie sie an die gewünschte Position, z. B. direkt unter die Überschrift eines Geschosses.

Dialog Grafik hinzufügen mit Adresse einer Grafik auf dem Gira X1

Die Adresse darf höchstens 255 Zeichen lang sein. Grafiken aus dem Internet können Sie ebenfalls verwenden, sofern das Gerät, auf dem die Liste angezeigt wird, die Adresse erreicht.

3. Ergebnis

Erzeugen Sie die Listenansicht neu. Die Grafik erscheint an der gewählten Position in voller Breite.

Listenansicht mit Grundriss am Ende

Tipp: Eine Grafik zählt wie eine Überschrift oder Funktion als ein Element. Eine Liste kann insgesamt 20 Elemente enthalten.

Tipp: Möchten Sie in einer Grafik aktuelle Werte anzeigen – etwa Temperaturen im Grundriss –, verwenden Sie eine SVG-Datei mit Platzhaltern. Wie das funktioniert, lesen Sie unter Benutzerdefinierte Oberflächen.