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

[Glasfaser]

@stefan2812

das liegt am Wert den du eingetragen hast bei " opacity " , deshalb wird transform nicht berücksichtigt .
Lösche mal den Wert , dann wirst du es sehen ,
Nachteil die Glühlampe ist zu sehen .

Aber das kann mal lösen mit einen transparenten png

Bei Symbol für an / aus ,als Bild hinterlegen :

https://en.wikipedia.org/wiki/File:HD_transparent_picture.png

[Stefan2812]

@glasfaser leider nein, es wird die Glühbirne gedreht aber die Schaltflächen bleibt gerade.

[{"tpl":"tplBulbOnOffCtrl","data":{"oid":"nothing_selected","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","icon_off":"img/bulb_off.png","icon_on":"img/bulb_on.png","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,"name":"Test"},"style":{"left":"528px","top":"264px","z-index":"50","background-color":"#a0f00f","transform":"rotate(45deg)","position":""},"widgetSet":"basic"}]

[Glasfaser]

@stefan2812

Im Runtime :

[Glasfaser]

@stefan2812

hier mit deinem Widget :

[Stefan2812]

@glasfaser
Stimmt dann vielleicht mit meinem ioBroker etwas nicht oder mit vis?

[Glasfaser]

@stefan2812

Wie ist es denn im Runtime , siehe mein Video ?
also nicht im Editor Modus

EDIT :
Teste mit einer neuen VIEW und dort mit diesem Widget .

[Stefan2812]

@glasfaser jetzt komm ich mir ziemlich blöd vor - in der Runtime zeigt er es dann richtig an. Scheint als wäre es ein Anzeigefehler im Editor :triumph:

Dann sag ich mal herzlichen Dank für deine Hilfe.

[Glasfaser]

@stefan2812

so sieht das im Editor aus :

[Stefan2812]

@glasfaser bei mir ja leider nicht. Vielleicht deinstallieren ich den Adapter mal bei Gelegenheit und installier ihn neu…sollte ja mit einem Export der Views oder des ganzen Projekts halbwegs machbar sein.

[Glasfaser]

@stefan2812 sagte in FRAGE! Vis: individuelle Schaltfläche erstellen:

sollte ja mit einem Export der Views oder des ganzen Projekts halbwegs machbar sein.

Test doch erstmal:

Projekt exportieren und als ein neues importieren .
Hast du CSS Anweisungen in Projekt/Global

[Stefan2812]

@glasfaser exportiert - in ein neues Projekt importiert - wieder das gleiche.
Nein, keine CSS.

Lustig ist auch, wenn ich im Editor die Rotation eintrage passiert nichts, aktualisiere ich die Seite ist das Objekt gedreht - ändere ich dann irgendeinen Wert oder verschiebe das Objekt, ist die Rotation wieder nicht mehr zu sehen.

[Glasfaser]

@stefan2812

Welche Editor Version hast du

[Stefan2812]

@glasfaser 1.4.3

[Glasfaser]

@stefan2812
Liegt nicht an der Version , da ist was anderes ..

Mache mal :

iobroker upload all

und dann

sudo reboot

Also ein Neustart hinterher ..

[Stefan2812]

@glasfaser leider alles beim alten

[Glasfaser]

@stefan2812

Neues Projekt anlegen und da mal testen in einem View

[Stefan2812]

@glasfaser Nein, auch da nichts. :(

[Glasfaser]

@stefan2812

Nimm mal diese View und importiere sie in dem neuen Projekt ein :

das ist die Test View von mir , mit den ganzen Widgets :

Spoiler

{
 "settings": {
   "style": {
     "background_class": "hq-background-h-gradient-black-4"
   },
   "theme": "dark-hive",
   "sizex": "",
   "sizey": "",
   "gridSize": "",
   "useBackground": false,
   "snapType": null
 },
 "widgets": {
   "e00001": {
     "tpl": "tplHqButton",
     "data": {
       "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",
       "oid": "nothing_selected",
       "min": "false",
       "max": "true",
       "iconName": "img/bulb_off.png",
       "btIconWidth": "56",
       "offsetAuto": "true",
       "leftOffset": "15",
       "topOffset": "55",
       "timeAsInterval": "true",
       "infoLeftFontSize": "12",
       "infoFontRightSize": "12",
       "infoLeftPaddingLeft": "15",
       "infoLeftPaddingRight": "50",
       "infoRightPaddingRight": "15",
       "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
     },
     "style": {
       "left": "708px",
       "top": "286px",
       "width": "218px",
       "height": "64px",
       "transform": "rotate(75deg)"
     },
     "widgetSet": "hqwidgets"
   },
   "e00002": {
     "tpl": "tplVis-materialdesign-Button-Toggle-vertical",
     "data": {
       "oid": "nothing_selected",
       "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",
       "buttonStyle": "raised",
       "toggleType": "boolean",
       "stateIfNotTrueValue": "on",
       "vibrateOnMobilDevices": "49",
       "buttontext": "Toggle",
       "textFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.button.vertical.text",
       "textFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.button.vertical.text",
       "alignment": "center",
       "mdwButtonPrimaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.primary",
       "mdwButtonSecondaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.secondary",
       "image": "checkbox-marked",
       "iconPosition": "top",
       "iconHeight": "26",
       "autoLockAfter": "10",
       "lockIconTop": "5",
       "lockIconLeft": "5",
       "lockIconColor": "#mdwTheme:vis-materialdesign.0.colors.button.lock_icon",
       "lockFilterGrayscale": "30",
       "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
     },
     "style": {
       "left": "662px",
       "top": "315px",
       "transform": "rotate(75deg)"
     },
     "widgetSet": "materialdesign"
   },
   "e00003": {
     "tpl": "tplContainerButtonDialog",
     "data": {
       "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",
       "buttontext": "Text",
       "padding": "5",
       "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
     },
     "style": {
       "left": "587px",
       "top": "335px",
       "width": "76px",
       "height": "47px",
       "transform": "rotate(75deg)"
     },
     "widgetSet": "jqui"
   },
   "e00004": {
     "tpl": "tplImage",
     "data": {
       "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",
       "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,
       "src": "/vis.0/Home/Background/Solar7.jpg"
     },
     "style": {
       "left": "428px",
       "top": "327px",
       "transform": "rotate(75deg)"
     },
     "widgetSet": "basic"
   },
   "e00005": {
     "tpl": "tplBulbOnOffCtrl",
     "data": {
       "oid": "nothing_selected",
       "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",
       "icon_off": "img/bulb_off.png",
       "icon_on": "img/bulb_on.png",
       "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
     },
     "style": {
       "left": "347px",
       "top": "393px",
       "z-index": "2",
       "transform": "rotate(75deg)",
       "width": "83px",
       "height": "108px"
     },
     "widgetSet": "basic"
   },
   "e00006": {
     "tpl": "tplBulbOnOffCtrl",
     "data": {
       "oid": "hm-rpc.1.KEQ0023561.1.STATE",
       "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,
       "icon_off": "/vis.0/Home/Buttons/HD_transparent_picture.png",
       "icon_on": "/vis.0/Home/Muell/tonne1.png",
       "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,
       "name": "Schaltfläche_Küche_Licht",
       "visibility-cond": "==",
       "visibility-val": 1,
       "visibility-groups-action": "hide",
       "g_ccontrol": false,
       "min": "false",
       "max": "true"
     },
     "style": {
       "left": "567px",
       "top": "27px",
       "z-index": "20",
       "opacity": "",
       "width": "176px",
       "height": "265px",
       "background-color": "",
       "transform": "rotate(75deg)",
       "position": "",
       "background": "green"
     },
     "widgetSet": "basic"
   },
   "e00007": {
     "tpl": "tplBulbOnOffCtrl",
     "data": {
       "oid": "nothing_selected",
       "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",
       "icon_off": "img/bulb_off.png",
       "icon_on": "img/bulb_on.png",
       "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,
       "name": "Test"
     },
     "style": {
       "left": "431px",
       "top": "166px",
       "z-index": "50",
       "background-color": "#a0f00f",
       "transform": "rotate(45deg)",
       "position": ""
     },
     "widgetSet": "basic"
   }
 },
 "name": "01Test",
 "filterList": []
}

[Stefan2812]

@glasfaser erledigt - alle Felder sind gedreht, sobald ich eines anklicke wird es wieder gerade angezeigt - wenn ich wieder wo anders hinblicke dreht sich das Objekt wieder.

[Glasfaser]

@stefan2812

ja im Editor Modus ...
was ist im Runtime