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

[arteck]

@Homoran ja aber damit kannst du die views wechseln.. links rechts .....

er möchte wie ich es verstanden habe sowas wie ein dialog ..

knop drücken es öffnen sich mehrere knöppe um diesen drumherum

[sigi234]

@arteck

Ja, sowas habe ich noch nie gesehen in Vis.
Mal schauen wie man das machen kann.

[luft-post]

Unter FHEM habe ich es sehr viel eingesetzt da es eine menge am Platz spart

[Homoran]

@sigi234dich da war was.
Bin nur nicht zu Hause, kann nicht suchen

Ich glaube @eric2905 hätte so ein Karussell gehabt

[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