Autor Thema: SmartVISU - zweispaltige Anzeige der Raum-Liste  (Gelesen 3056 mal)

Offline Cybers

  • Full Member
  • ***
  • Beiträge: 375
SmartVISU - zweispaltige Anzeige der Raum-Liste
« am: 08 April 2015, 14:38:17 »

Hallo,

da mir bei meinem letzten Problem (http://forum.fhem.de/index.php/topic,33231.msg282966.html#msg282966 - bzw. Post davor) scheinbar keiner helfen konnte, habe ich ihr eine neue Frage:

in meiner rooms_menu.html werden die einzelnen Räume wie in den diversen anderen Smartvisu-Beispielen auch untereinander dargestellt. Da aber bei mir die Liste ein wenig lang ist, und ich nicht scrollen möchte, würde ich die Räume gerne auf zwei Spalten aufteilen.
Dies habe ich dann sowohl mit "div" als auch mit einer Tabelle versucht. Leider haben verschiedene Versuche nur dazu geführt, daß die gesamte Formatierung des einzelnen Listenfelds nicht mehr stimmte.

Hier mal der entsprechende Code, der mit einer Spalte läuft:

<ul data-role="listview" data-dividertheme="c">
    <li data-role="list-divider">Keller</li>
<li data-icon="false">
<a href="#popup_buero" data-rel="popup">
            <img class="icon" src="{{ icon0 }}scene_office.png"/><h3>Büro</h3>
<div class="ui-li-aside">
                {{ basic.float('ke.buero.temperatur', 'ke.buero.temperatur.luft', ' °C') }}<br />
        {{ basic.symbol('ke.buero.fensterauf', 'ke.buero.fenster', '', icon1~'fts_window_2w_open.png', 2) }}
                {{ basic.symbol('ke.buero.fenstergekippt', 'ke.buero.fenster', '', icon1~'fts_window_2w_tilt.png', 1) }}
            </div>
</a>
</li>
</ul>

Der Teil ab dem zweiten <li> soll dann quasi als zweimal und als zweite Spalte neben der ersten Spalte dargestellt werden:
So als Schema:

__________Keller__________
     Büro           |          Büro

Kann mir da einer einen Tip geben.

Gruß, Sascha
FHEM 5.8 auf Raspberry PI 3 / Smartvisu
Eltako Serie 14: FAM14, FGW14-USB, FSB14, FSR14-4x, FDG14, FTS14-EM in Kombination mit Jung F50 24V Tastern
diverse 1-Wire Temperatursensoren
aus alter Zeit:
diverse Homematic Jalousie- & Schaltaktoren

Offline buchner51

  • Full Member
  • ***
  • Beiträge: 184
Antw:SmartVISU - zweispaltige Anzeige der Raum-Liste
« Antwort #1 am: 22 Mai 2019, 19:55:39 »
Hallo,

hast du eine Lösung gefunden?
Ich bin auch auf der Suche.

Danke
Raspberry pi 3+
KNX mit TUL, FHEM mit SMARTVISU 2.9

Offline Huntercover

  • New Member
  • *
  • Beiträge: 21
Antw:SmartVISU - zweispaltige Anzeige der Raum-Liste
« Antwort #2 am: 15 November 2019, 23:28:56 »
Anbei meine zwei-spaltige Menüleiste samt extended-widget. ich übergebe alles einer Menüoption.

Könnte sicher noch optimiert werden, reicht mir aber völlig aus.

Was für jede Ausflösung angepasst werden muss, ist die Größe der einzelnen Menüpunkte in den jeweiligen css'en.
Da nutze ich die Inspektion-Funktion eines beliebigen Browsers.

 

decade-submarginal