Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[Gurke258]

Hallo zusammen,

hat von euch schon mal jmd ein Fly-In erstellt? Bedeutet das zum beispiel ein kleines Quadrat links an der seite ist und wenn ich darauf klicke öffnet sich das Quadrat nach rechts und zieht die view nach sich.

Sozusagen eine Animation von links nach rechts

[Markus Huber]

@gurke258 hinbekommen?

[Markus Huber]

@gurke258 ```So??

.Flyin:hover {
    
width:400px !Important;
height:400px !Important;
transition: all 1500ms ease-in;
}

code_text

[{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"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","refreshInterval":"0","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":"<img src=\"/admin.admin/admin.png\" style=\"width:80%;height:80%;\">\n","class":"Flyin"},"style":{"left":"4px","top":"3px","width":"50px","height":"50px","background":"red"},"widgetSet":"basic"}]