Hallo,
da mir bei meinem letzten Problem (http://forum.fhem.de/index.php/topic,33231.msg282966.html#msg282966 (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
Hallo,
hast du eine Lösung gefunden?
Ich bin auch auf der Suche.
Danke
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.