Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Frage] Widget drehen

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.1k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.2k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.6k

[Frage] Widget drehen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
14 Beiträge 6 Kommentatoren 5.4k Aufrufe 3 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • K Offline
    K Offline
    Kueppert
    schrieb am zuletzt editiert von
    #5

    Benutzt du auch tankerkoenig? Bei mir steht da nämlich"Open" und nicht "geöffnet" wenn ich die ID auslese…

    Gesendet von meinem HUAWEI RIO-L01 mit Tapatalk

    UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

    1 Antwort Letzte Antwort
    0
    • R Offline
      R Offline
      RandyAndy
      schrieb am zuletzt editiert von
      #6

      Hier der Code, ist aber nicht von mir.

      Habe ich im Forum gefunden (glaube ich). Habe das Aussehen nur an der ein oder anderen Stelle angepaßt

      [{"tpl":"tplImage","data":{"visibility-cond":"==","visibility-val":1,"refreshInterval":"0","refreshOnWakeUp":"false","refreshOnViewChange":"false","src":"/vis.0/img/Allguth.png","gestures-offsetX":0,"gestures-offsetY":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,"visibility-groups-action":"hide","stretch":true},"style":{"left":"227px","top":"9px","width":"70px","z-index":"14","height":"49px"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"tankerkoenig.0.stations.0.diesel.short","html_prepend":"Diesel","html_append":"<sup>9</sup> €","gestures-offsetX":0,"gestures-offsetY":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,"g_visibility":true,"visibility-cond":"==","visibility-val":"open","visibility-groups-action":"hide","visibility-oid":"tankerkoenig.0.stations.0.status"},"style":{"left":"167px","top":"80px","width":"108px","height":"25px","color":"ghostwhite","text-align":"right","font-size":"small","background":"darkslategray","padding-right":"10px","padding-top":"4px","z-index":"5"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","visibility-cond":"==","visibility-val":"open","visibility-oid":"tankerkoenig.0.stations.0.status","html_prepend":"geöffnet","html_append":"","gestures-offsetX":0,"gestures-offsetY":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,"visibility-groups-action":"hide"},"style":{"left":"167px","top":"185px","width":"117px","height":"18px","color":"rgb(68, 68, 68)","text-align":"center","font-size":"small","background":"rgb(0, 255, 0)","padding-right":"","z-index":"5"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","visibility-cond":"==","visibility-val":"closed","visibility-oid":"tankerkoenig.0.stations.0.status","html_prepend":"geschlossen","html_append":"","gestures-offsetX":0,"gestures-offsetY":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,"visibility-groups-action":"hide"},"style":{"left":"167px","top":"81px","width":"117px","height":"123px","color":"white","text-align":"center","font-size":"small","background":"red","padding-right":"","z-index":"3","line-height":"9"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"tankerkoenig.0.stations.0.name","visibility-cond":"==","visibility-val":1,"visibility-oid":"","html_prepend":"","html_append":"","gestures-offsetX":0,"gestures-offsetY":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,"visibility-groups-action":"hide"},"style":{"left":"168px","top":"43px","width":"107px","height":"32px","color":"rgb(68, 68, 68)","text-align":"center","font-size":"small","background":"rgb(204, 204, 204) none repeat scroll 0% 0% / auto padding-box border-box","padding-right":"10px","padding-top":"0px","z-index":"12"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","visibility-cond":"==","visibility-val":1,"visibility-oid":"","html_prepend":"","html_append":"","gestures-offsetX":0,"gestures-offsetY":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,"visibility-groups-action":"hide"},"style":{"left":"155px","top":"32px","width":"142px","height":"180px","color":"rgb(68, 68, 68)","text-align":"center","font-size":"18px","background":"rgb(245, 245, 245) none repeat scroll 0% 0% / auto padding-box border-box","padding-right":"","padding-top":"0px","z-index":"0","border-radius":"7px"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"tankerkoenig.0.stations.0.e10.short","html_prepend":"E10","html_append":"<sup>9</sup> €","gestures-offsetX":0,"gestures-offsetY":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,"g_visibility":true,"visibility-cond":"==","visibility-val":"open","visibility-groups-action":"hide","visibility-oid":"tankerkoenig.0.stations.0.status"},"style":{"left":"167px","top":"115px","width":"108px","height":"25px","color":"ghostwhite","text-align":"right","font-size":"small","background":"darkslategray","padding-right":"10px","padding-top":"4px","z-index":"5"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"tankerkoenig.0.stations.0.e5.short","html_prepend":"Super","html_append":"<sup>9</sup> €","gestures-offsetX":0,"gestures-offsetY":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,"g_visibility":true,"visibility-cond":"==","visibility-val":"open","visibility-groups-action":"hide","visibility-oid":"tankerkoenig.0.stations.0.status"},"style":{"left":"167px","top":"150px","width":"108px","height":"25px","color":"ghostwhite","text-align":"right","font-size":"small","background":"darkslategray","padding-right":"10px","padding-top":"4px","z-index":"5"},"widgetSet":"basic"}]
      
      1 Antwort Letzte Antwort
      0
      • R Offline
        R Offline
        RandyAndy
        schrieb am zuletzt editiert von
        #7

        Perfekt,

        das Drehen wäre sicherlich eine tolles "Standard" feature bei den Widgets, da man damit gestalterisch noch mehr Freiraum hätte.

        Jetzt sieht das Ganze so aus.

        Danke
        2213_2017-06-09_19_26_40-edit_vis.png

        1 Antwort Letzte Antwort
        0
        • K Offline
          K Offline
          Kueppert
          schrieb am zuletzt editiert von
          #8

          @RandyAndy:

          Hier der Code, ist aber nicht von mir.

          Habe ich im Forum gefunden (glaube ich). Habe das Aussehen nur an der ein oder anderen Stelle angepaßt

          [{"tpl":"tplImage","data":{"visibility-cond":"==","visibility-val":1,"refreshInterval":"0","refreshOnWakeUp":"false","refreshOnViewChange":"false","src":"/vis.0/img/Allguth.png","gestures-offsetX":0,"gestures-offsetY":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,"visibility-groups-action":"hide","stretch":true},"style":{"left":"227px","top":"9px","width":"70px","z-index":"14","height":"49px"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"tankerkoenig.0.stations.0.diesel.short","html_prepend":"Diesel","html_append":"<sup>9</sup> €","gestures-offsetX":0,"gestures-offsetY":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,"g_visibility":true,"visibility-cond":"==","visibility-val":"open","visibility-groups-action":"hide","visibility-oid":"tankerkoenig.0.stations.0.status"},"style":{"left":"167px","top":"80px","width":"108px","height":"25px","color":"ghostwhite","text-align":"right","font-size":"small","background":"darkslategray","padding-right":"10px","padding-top":"4px","z-index":"5"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","visibility-cond":"==","visibility-val":"open","visibility-oid":"tankerkoenig.0.stations.0.status","html_prepend":"geöffnet","html_append":"","gestures-offsetX":0,"gestures-offsetY":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,"visibility-groups-action":"hide"},"style":{"left":"167px","top":"185px","width":"117px","height":"18px","color":"rgb(68, 68, 68)","text-align":"center","font-size":"small","background":"rgb(0, 255, 0)","padding-right":"","z-index":"5"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","visibility-cond":"==","visibility-val":"closed","visibility-oid":"tankerkoenig.0.stations.0.status","html_prepend":"geschlossen","html_append":"","gestures-offsetX":0,"gestures-offsetY":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,"visibility-groups-action":"hide"},"style":{"left":"167px","top":"81px","width":"117px","height":"123px","color":"white","text-align":"center","font-size":"small","background":"red","padding-right":"","z-index":"3","line-height":"9"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"tankerkoenig.0.stations.0.name","visibility-cond":"==","visibility-val":1,"visibility-oid":"","html_prepend":"","html_append":"","gestures-offsetX":0,"gestures-offsetY":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,"visibility-groups-action":"hide"},"style":{"left":"168px","top":"43px","width":"107px","height":"32px","color":"rgb(68, 68, 68)","text-align":"center","font-size":"small","background":"rgb(204, 204, 204) none repeat scroll 0% 0% / auto padding-box border-box","padding-right":"10px","padding-top":"0px","z-index":"12"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","visibility-cond":"==","visibility-val":1,"visibility-oid":"","html_prepend":"","html_append":"","gestures-offsetX":0,"gestures-offsetY":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,"visibility-groups-action":"hide"},"style":{"left":"155px","top":"32px","width":"142px","height":"180px","color":"rgb(68, 68, 68)","text-align":"center","font-size":"18px","background":"rgb(245, 245, 245) none repeat scroll 0% 0% / auto padding-box border-box","padding-right":"","padding-top":"0px","z-index":"0","border-radius":"7px"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"tankerkoenig.0.stations.0.e10.short","html_prepend":"E10","html_append":"<sup>9</sup> €","gestures-offsetX":0,"gestures-offsetY":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,"g_visibility":true,"visibility-cond":"==","visibility-val":"open","visibility-groups-action":"hide","visibility-oid":"tankerkoenig.0.stations.0.status"},"style":{"left":"167px","top":"115px","width":"108px","height":"25px","color":"ghostwhite","text-align":"right","font-size":"small","background":"darkslategray","padding-right":"10px","padding-top":"4px","z-index":"5"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"tankerkoenig.0.stations.0.e5.short","html_prepend":"Super","html_append":"<sup>9</sup> €","gestures-offsetX":0,"gestures-offsetY":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,"g_visibility":true,"visibility-cond":"==","visibility-val":"open","visibility-groups-action":"hide","visibility-oid":"tankerkoenig.0.stations.0.status"},"style":{"left":"167px","top":"150px","width":"108px","height":"25px","color":"ghostwhite","text-align":"right","font-size":"small","background":"darkslategray","padding-right":"10px","padding-top":"4px","z-index":"5"},"widgetSet":"basic"}]
          ```` `  
          

          Hy, super, danke…ich hatte den Fehler gemacht, die ID auch unter Allgemein -> Objekt ID auszulesen. Habe dort das Objekt entfernt und unter HTML einfach "geöffnet" reingeschrieben. Jetzt geht es so wie ich es haben möchte. Danke dir :)

          UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

          1 Antwort Letzte Antwort
          0
          • R RandyAndy

            Hallo,

            ich würde gerne das basic - string widget um 90° drehen. Prinzipiell sollte dass über CSS gehen über "transform: rotate(90deg);". Dazu müsste ich aber die ID des Elements kennen und ich komme da nicht wirklich weiter.

            Vielleicht kann mir da einer von den Profis weiterhelfen. CSS ist nicht meine Stärke

            Andreas
            2213_2017-06-08_20_42_59-edit_vis.png

            M Offline
            M Offline
            mguenther
            schrieb am zuletzt editiert von
            #9

            sorry, dass ich diesen Thread wieder "hoch" hole.

            Ich habe eine Frage an die Experten unter uns zum Thema Binding.

            Ich nutze in meiner VIS mehrere html-widgets als Linien (ohne Texteinträge) und die haben alle unterschiedliche Rotationswerte. Jetzt könnte ich natürlich für jeden Rotationswert einen CSS Eintrag anlegen, hatte aber irgendwie gehofft, dass ich das ggf. über ein Binding lösen könnte.

            Frage - geht sowas, wenn ja, wie?

            Danke
            Marcus

            liv-in-skyL 1 Antwort Letzte Antwort
            0
            • M mguenther

              sorry, dass ich diesen Thread wieder "hoch" hole.

              Ich habe eine Frage an die Experten unter uns zum Thema Binding.

              Ich nutze in meiner VIS mehrere html-widgets als Linien (ohne Texteinträge) und die haben alle unterschiedliche Rotationswerte. Jetzt könnte ich natürlich für jeden Rotationswert einen CSS Eintrag anlegen, hatte aber irgendwie gehofft, dass ich das ggf. über ein Binding lösen könnte.

              Frage - geht sowas, wenn ja, wie?

              Danke
              Marcus

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #10

              @mguenther
              hoffe ich verstehe dich richtig

              du brauchst auf jeden fall alle rotationsgrade als css einträg, da du im css-tab innen nicht mit einem binding arbeiten kannst - das geht nur im script tab

              du kannst die klasse nicht so definieren

              .rotate90{
              transform:rotate({0_userdata.0.CONTROL-OWN.AAATEST.TestString5});
              }
              

              du kannst nur in diesem feld ein binding angeben - also in abhängigkeit eines datnpunktes eine rotation(class) benutzen
              Image 5.png

              was geht: du kannst ein script im script-tab anlegen, das je nach datenpunkt das class attribut ändert - das script müßte interval-mäßig den dp prüfen und wenn er sich ändert, das class attribut ändern - eher aufwendig !

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              M 1 Antwort Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

                @mguenther
                hoffe ich verstehe dich richtig

                du brauchst auf jeden fall alle rotationsgrade als css einträg, da du im css-tab innen nicht mit einem binding arbeiten kannst - das geht nur im script tab

                du kannst die klasse nicht so definieren

                .rotate90{
                transform:rotate({0_userdata.0.CONTROL-OWN.AAATEST.TestString5});
                }
                

                du kannst nur in diesem feld ein binding angeben - also in abhängigkeit eines datnpunktes eine rotation(class) benutzen
                Image 5.png

                was geht: du kannst ein script im script-tab anlegen, das je nach datenpunkt das class attribut ändert - das script müßte interval-mäßig den dp prüfen und wenn er sich ändert, das class attribut ändern - eher aufwendig !

                M Offline
                M Offline
                mguenther
                schrieb am zuletzt editiert von
                #11

                @liv-in-sky
                ich hatte gehofft, auf der widget-Menü (nicht in CSS, nicht im Skript) bei den Einträgen für html (oder wo auch immer) beim html-widget ein binding einzutragen, in den ich den Rotationsgrad angebe und das widget sich entsprechend verdreht.

                Alternativ gehe ich über die CSS-Klasse.

                liv-in-skyL 1 Antwort Letzte Antwort
                0
                • M mguenther

                  @liv-in-sky
                  ich hatte gehofft, auf der widget-Menü (nicht in CSS, nicht im Skript) bei den Einträgen für html (oder wo auch immer) beim html-widget ein binding einzutragen, in den ich den Rotationsgrad angebe und das widget sich entsprechend verdreht.

                  Alternativ gehe ich über die CSS-Klasse.

                  liv-in-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  schrieb am zuletzt editiert von
                  #12

                  @mguenther

                  evtl da

                  da solte dann auch ein binding auf einen dp möglich sein

                  Image 4.png

                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                  M 1 Antwort Letzte Antwort
                  1
                  • liv-in-skyL liv-in-sky

                    @mguenther

                    evtl da

                    da solte dann auch ein binding auf einen dp möglich sein

                    Image 4.png

                    M Offline
                    M Offline
                    mguenther
                    schrieb am zuletzt editiert von
                    #13

                    @liv-in-sky sagte in [Frage] Widget drehen:

                    @mguenther

                    evtl da

                    da solte dann auch ein binding auf einen dp möglich sein

                    Image 4.png

                    ich bin so doof - das hatte ich gar nicht gesehen. Da brauch ich ja gar kein binding.

                    Danke
                    :)

                    1 Antwort Letzte Antwort
                    0
                    • A Offline
                      A Offline
                      Andersmacher
                      schrieb am zuletzt editiert von Andersmacher
                      #14

                      Darf ich die Frage es TE noch erweitern?:

                      Via

                      .rotateanimation {
                        -webkit-animation: rotation 2s infinite alternate ease-in-out;
                      }
                       
                      @-webkit-keyframes rotation {
                        from {
                          -webkit-transform: rotate(100deg);
                        } to {
                           -webkit-transform: rotate(150deg);
                        }
                      }
                      

                      kann man über den CSS-Reiter im VIS-Editor ja z. B. Bilder auch prima "pendeln" lassen. Leider kann man auf diese Weise aber nur feste Winkelvorgaben einstellen, weil, wie @liv-in-sky ja oben schreibt, in der CSS-Klasse offenbar keine Bindings möglich sind.
                      Im transform-Feld hingegen funktionieren Bindings ja prima. Ich habe daher versucht, soetwas wie

                      "from rotate(100deg) to rotate(150deg)"

                      im transform-Feld zu nutzen (um dann später die fixen Zahlen durch Bindings zu ersetzen), was jedoch schon mit den fixen Zahlen in allen von mir verwendeten Syntax-Varianten gescheitert ist.

                      Weiß jemand, ob das grundsätzlich nicht geht, oder ich "bloß" die passende Syntax noch nicht gefunden habe?

                      Edit:
                      Was ich auch nicht hinbekommen habe, sind zwei Transformationen gleichzeitig im transform-Feld zum Laufen zu bekommen, also so etwas wie

                      "rotate(100deg) translate(10px,20px)"

                      was einzeln ja aber klappt.

                      ioBroker auf Raspi4B 8GB Debian(12) 64Bit

                      1 Antwort Letzte Antwort
                      0
                      Antworten
                      • In einem neuen Thema antworten
                      Anmelden zum Antworten
                      • Älteste zuerst
                      • Neuste zuerst
                      • Meiste Stimmen


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      251

                      Online

                      32.7k

                      Benutzer

                      82.4k

                      Themen

                      1.3m

                      Beiträge
                      Community
                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                      ioBroker Community 2014-2025
                      logo
                      • Anmelden

                      • Du hast noch kein Konto? Registrieren

                      • Anmelden oder registrieren, um zu suchen
                      • Erster Beitrag
                        Letzter Beitrag
                      0
                      • Home
                      • Aktuell
                      • Tags
                      • Ungelesen 0
                      • Kategorien
                      • Unreplied
                      • Beliebt
                      • GitHub
                      • Docu
                      • Hilfe