FRAGE! Vis: individuelle Schaltfläche erstellen

Glasfaser

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

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

{
 "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 )
.

Stefan2812

@glasfaser Ich vermute, dass der Vis Adapter bei mir einen Knacks hat.

Glasfaser

@stefan2812

eventuell auch ein Widgetsatz von einem Adapter was diese Widget´s beeinflußt ..... kann alles sein .

Stefan2812

@homoran Sorry, ganz übersehen - ok, dann kann man eh nichts daran ändern.
@Glasfaser Danke für deine Unterstützung, du hast mir wirklich weitergeholfen. Jetzt weiß ich ja wie ich mir behelfen kann (immer zwischendurch im Editor aktualisieren - ist zwar nicht der Burner aber geht)

Homoran

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

immer zwischendurch im Editor aktualisieren - ist zwar nicht der Burner aber geht)

Auch die Werte der Datenpunkte im Editor sind nicht live aktuell.
Erst wieder in der Runtime

BTW: welchen Browser nutzst du?
mal mit einem anderen Probiert?

Stefan2812

@homoran hab’s mit Edge und Safari versucht.

Homoran

@stefan2812 der neue Edge sollte eigentlich keine Probleme machen, Safari war schon immer speziell.
Am besten läuft es unter Chrome

Community Forum

NEWS

FRAGE! Vis: individuelle Schaltfläche erstellen

Support us

680

32.5k

81.8k

1.3m