Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[luft-post]

unter FHEM wir es Rollladen Circle Menu genannt.
Hier im Link ganz unten

https://wiki.fhem.de/wiki/FTUI_Snippets

[Firefighter]

Servus
Auf die schnelle würde ich ein Popup nehmen

[arteck]

@Homoran sagte in Gibt es einen Steuerungsbutton?:

Ich glaube @eric2905 hätte so ein Karussell gehabt

ne das ist was anderes... damit kannst du mehrere views darstellen..

[Homoran]

@arteck
Das kann sein, danke

[luft-post]

@Firefighter so ein Popup muss man ja auch wieder übers X schließen.

[Firefighter]

@luft-post du kannst beim Popup im Dialog eine Zeit einstellen zum automatischen Schließen, im Beispiel z.B. 5 Sekunden

[luft-post]

@Firefighter ja schon gut aber nicht das gleiche. Ich kenne mich ja nicht so gut aus mit css und so! Aber kann man nicht einfach bei fhem "klauen"?

[arteck]

@luft-post ne leider nicht.. warte ich bastel was

[luft-post]

@arteck was ist den mit sowas hier?

https://vuejsexamples.net/circle-menu-with-vue-js/](https://vuejsexamples.net/circle-menu-with-vue-js/)

[arteck]

@luft-post

widget import

[{"tpl":"tplJquiToogle","data":{"oid":"0_userdata.0.umschalten","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"label":"rollo"},"style":{"left":"309px","top":"69px"},"widgetSet":"jqui"},{"tpl":"tplValueString","data":{"oid":"nothing_selected","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_prepend":"up","visibility-oid":"0_userdata.0.umschalten"},"style":{"left":"236px","top":"28px"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"nothing_selected","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_prepend":"close","visibility-oid":"0_userdata.0.umschalten"},"style":{"left":"224px","top":"92px"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"nothing_selected","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_prepend":"down","visibility-oid":"0_userdata.0.umschalten"},"style":{"left":"224px","top":"149px"},"widgetSet":"basic"}]

0_userdata.0.umschalten.json

und den datenpunkt brauchst du auch... ist nicht schön aber kannst erkennen wie es geht

sonst komm kurz TS dann bekommst du Druckbetankung :-)
https://www.youtube.com/watch?v=wQEoM5HW_ns

[sigi234]

@arteck sagte in Gibt es einen Steuerungsbutton?:

0_userdata.0.umschalten.json

Wie bring ich die json als Objekt rein?

[luft-post]

@arteck super, Danke. Kann ich leider erst morgen ausprobieren- bin schon ganz gespannt:-)

[arteck]

@sigi234 rechte maustaste speichern
dann importeiren als objekt

oder selber anlegen

[sigi234]

@arteck sagte in Gibt es einen Steuerungsbutton?:

dann importeiren als objekt

das weis ich aber Fehler:

Selber anlegen ist ja ok, aber es geht mit darum warum der Import nicht geht.

[arteck]

@sigi234 dann mach ein issue auf GIT bitte

[OliverIO]

in fhem wird ein jquery plugin für das circle menu verwendet.
https://github.com/knowthelist/fhem-tablet-ui/blob/e60ac8505a429e202b9fed42405617a1b1942177/www/tablet/lib/jquery.circlemenu.js

[Uhula]

Mit dem Material Design CSS v2.0 wäre es leicht durch die Nutzung der mdui-toggle Funktionalität möglich (wie bei Popup-Menüs). Ist im nächsten MD_Demo Projekt als Beispiel mit drin.

[luft-post]

@sigi234

[luft-post]

@arteck zur info: bei mir geht der Import auch nicht.

[sigi234]

@arteck sagte in Gibt es einen Steuerungsbutton?:

@sigi234 dann mach ein issue auf GIT bitte

https://github.com/ioBroker/ioBroker.admin/issues/508