Wie visualisiert Ihr Eure Jalousien?

[Fixel2012]

Hi,

ich habe mir vor längerem eine ganze Seite mit circlemenus gebaut. Wenn ich diese aufklappe, kann ich den Rollladen auf vor definierte Positionen fahren. Zusätzlich kann ich in der Mitte den Stand des Rollladen anhand eines icons ablesen.

Vorteil: relativ Platz sparend.
Nachteil: nicht so performant, trotz des Updates von setstate (es gibt die Möglichkeit beim circlemenu die Animation zu veringern)

Hier der Code:

Code Auswählen Erweitern

<div data-type="circlemenu" data-transition="none" class="cell circlemenu large noshade">
<ul class="menu">
<li><div data-type="symbol"
data-device="EG.Wohnzimmer_Links"
data-get="state"
data-states='["off","down","up","on","dim 9[7-9]","dim [0-9]","dim 1[0-9]","dim 2[0-9]","dim 3[0-9]","dim 4[0-9]","dim 5[0-9]","dim 6[0-9]","dim 7[0-9]","dim 8[0-9]","dim 9[0-7]","off","down","9[7-9]","[0-9]","10","20","30","35","40","50","60","70","80","90"]'
data-icons='["oa-fts_shutter_100","oa-fts_shutter_100","oa-fts_window_2w","oa-fts_window_2w","oa-fts_window_2w","oa-fts_shutter_90","oa-fts_shutter_90","oa-fts_shutter_80","oa-fts_shutter_70","oa-fts_shutter_60","oa-fts_shutter_50","oa-fts_shutter_40","oa-fts_shutter_30","oa-fts_shutter_20","oa-fts_shutter_10","oa-fts_shutter_100","oa-fts_shutter_100","oa-fts_window_2w","oa-fts_shutter_90","oa-fts_shutter_90","oa-fts_shutter_80","oa-fts_shutter_70","oa-fts_shutter_70","oa-fts_shutter_60","oa-fts_shutter_50","oa-fts_shutter_40","oa-fts_shutter_30","oa-fts_shutter_20","oa-fts_shutter_10"]'
data-colors='["yellow","yellow","green","green","green","pink","#505050","#505050","#505050","#505050","#505050","#505050","#505050","#505050","#505050","yellow","yellow","green","pink","#505050","#505050","#505050","#505050","#505050","#505050","#505050","#505050","#505050","#505050"]'
></div></li>
<li><div data-type="push"
data-device="EG.Wohnzimmer_Links"
data-set-on="dim 35"
data-icon="oa-fts_shutter_70"></div></li>
<li><div data-type="push"
data-device="EG.Wohnzimmer_Links"
data-set-on="down"
data-icon="fa-angle-down"></div></li>
<li><div data-type="push"
data-device="EG.Wohnzimmer_Links"
data-set-on="70"
data-icon="oa-fts_shutter_30"></div></li>
<li><div data-type="push"
data-device="EG.Wohnzimmer_Links"
data-set-on="50"
data-icon="oa-fts_shutter_50"></div></li>
<li><div data-type="push"
data-device="EG.Wohnzimmer_Links"
data-set-on="up"
data-icon="fa-angle-up"></div></li>

</ul>
<div data-type="label" class= "small">WZ Links</div>
</div>


Im Anhang sind noch zwei Bider 

Gruß,
Fixel

[eki]

Hi eki,

danke nochmal für deine unermüdliche Hilfe!
ich kann bei mir weder bei range-bar noch bei range-quantity irgendwas von der fhem-tablet-ui-user.css erkennen (siehe screenshots).
Das heißt er kann die custom css laden (sehe ich ja unter networks) aber verwendet sie nicht in der index.html?
Der head stimmt so oder (head.jpg), oder fehlt da noch was?

Danke,
Tobi

Hat es inzwischen geklappt? Falls nicht könntest Du mir einfach mal Deine html Datei mit Header etc. posten, dann kann ich noch mal nachschauen (ist meist einfacher als die Bilder zu analysieren).