FRAGE! Vis: individuelle Schaltfläche erstellen

[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

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

[Stefan2812]

@glasfaser in der Runtime funktioniert es - dort bleiben sie gedreht.
Sorry, hab mich vielleicht zuerst unverständlich ausgedrückt, in der Runtime funktioniert es bei mir auch mit der Rotation nur im Editor nicht.

[Homoran]

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

nur im Editor nicht.

das ist vollkommen normal!
im Editor funktioniert einiges nicht live.
z.B. auch die Bindings

[Glasfaser]

@stefan2812

Sehr komisch , habe gerade dazu keine Erklärung.

Ich habe nochwas anderes .

über CSS:

im Widget eintragen

und im CCS Projekt dann :

Beispiel :

 /* Widget drehen */
 .rotate90 {
 transform: rotate(90deg);
 }
 .rotate270 {
 transform: rotate(270deg);
 }

[Stefan2812]

@glasfaser so hatte ich es vor deinem Tipp versucht. Geht auch nicht im Editor.

[Glasfaser]

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

Geht auch nicht im Editor.

Im Editor :.

IP Adressen gedreht ( Value string )
.