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. (gelöst) vis Widgethöhe in Abhänigkeit der Widgetbreite

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

(gelöst) vis Widgethöhe in Abhänigkeit der Widgetbreite

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
16 Beiträge 4 Kommentatoren 957 Aufrufe 4 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.
  • ice987I ice987

    Hallo zusammen,

    ich möchte die Widgethöhe in Abhängigkeit der Widgetbreite in vis dynamisch errechnen (lassen). Kann mit dem special Binding {a:a;widget.data.name} die jeweilige Widgethöhe ausgelesen werden? Irgendwie krieg ich das (noch) nicht hin. Hat jemand einen guten Tipp?

    OliverIOO Offline
    OliverIOO Offline
    OliverIO
    schrieb am zuletzt editiert von OliverIO
    #6

    @ice987
    Da das Bindung mehr oder weniger als echtes JavaScript ausgeführt wird kannst du, mit folgendem Ausdruck dir mittels jquery den Wert ermitteln

    {a:irgendeingültigerobjectid;$(„#w00001“).height()}
    

    W00001 steht für die Widget id
    Welchen object id du angibst ist vollkommen egal. Die ist nur für die Konvention

    Meine Adapter und Widgets
    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
    Links im Profil

    ice987I 2 Antworten Letzte Antwort
    1
    • OliverIOO OliverIO

      @ice987
      Da das Bindung mehr oder weniger als echtes JavaScript ausgeführt wird kannst du, mit folgendem Ausdruck dir mittels jquery den Wert ermitteln

      {a:irgendeingültigerobjectid;$(„#w00001“).height()}
      

      W00001 steht für die Widget id
      Welchen object id du angibst ist vollkommen egal. Die ist nur für die Konvention

      ice987I Offline
      ice987I Offline
      ice987
      schrieb am zuletzt editiert von ice987
      #7

      @OliverIO
      @Glasfaser

      Ihr seit Klasse! Vielen Dank für eure super Hilfe! :clap: (Meine Fragen kommen daher, da ich mehrere User auf mehreren unterschiedlichen Geräten unabhängig voneinander Bedienen lassen möchte. Ich merke, dass ioBroker sehr wenig Einschränkung bietet und mit etwas Fantasie somit fast alles umsetzbar ist). Ich werde euren Input ausprobieren und berichten!

      @Glasfaser sagte in vis Widgethöhe in Abhänigkeit der Widgetbreite:

      Die anderen Werte werden angezeigt :

      111111.JPG
      11.JPG

      Bez. {instance} im html-widget: dies ergibt jedoch undefined und kann somit nicht geeignet verwendet werden: siehe auch https://forum.iobroker.net/topic/40399/instance-in-vis/3

      Ist dies ein BUG?

      husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

      1 Antwort Letzte Antwort
      0
      • OliverIOO OliverIO

        @ice987
        Da das Bindung mehr oder weniger als echtes JavaScript ausgeführt wird kannst du, mit folgendem Ausdruck dir mittels jquery den Wert ermitteln

        {a:irgendeingültigerobjectid;$(„#w00001“).height()}
        

        W00001 steht für die Widget id
        Welchen object id du angibst ist vollkommen egal. Die ist nur für die Konvention

        ice987I Offline
        ice987I Offline
        ice987
        schrieb am zuletzt editiert von ice987
        #8

        @OliverIO

        irgendwie funktioniert das noch nicht korrekt:

        [{"tpl":"tplHtml","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,"html":"{a:0_userdata.0.test.wert1;$(„#w00935“).height()}"},"style":{"left":"30px","top":"120px","height":"20px","width":"300px"},"widgetSet":"basic"}]
        


        ergibt 0

        [{"tpl":"tplHtml","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,"html":"{a:0_userdata.0.test.wert1;$("#w01213").height()}"},"style":{"left":"30px","top":"90px","height":"20px","width":"300px"},"widgetSet":"basic"}]
        


        ergibt null

        • w00935 bzw. w01213 sind die Widgetnamen
        • 0_userdata.0.test.wert1 ist ein DP; Logikwert

        was mache ich falsch? liegt dies an vis v1.3.4? brauche ich vis v1.3.6?

        husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

        GlasfaserG 1 Antwort Letzte Antwort
        0
        • ice987I ice987

          @OliverIO

          irgendwie funktioniert das noch nicht korrekt:

          [{"tpl":"tplHtml","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,"html":"{a:0_userdata.0.test.wert1;$(„#w00935“).height()}"},"style":{"left":"30px","top":"120px","height":"20px","width":"300px"},"widgetSet":"basic"}]
          


          ergibt 0

          [{"tpl":"tplHtml","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,"html":"{a:0_userdata.0.test.wert1;$("#w01213").height()}"},"style":{"left":"30px","top":"90px","height":"20px","width":"300px"},"widgetSet":"basic"}]
          


          ergibt null

          • w00935 bzw. w01213 sind die Widgetnamen
          • 0_userdata.0.test.wert1 ist ein DP; Logikwert

          was mache ich falsch? liegt dies an vis v1.3.4? brauche ich vis v1.3.6?

          GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          schrieb am zuletzt editiert von
          #9

          @ice987 sagte in vis Widgethöhe in Abhänigkeit der Widgetbreite:

          liegt dies an vis v1.3.4? brauche ich vis v1.3.6?

          nö ... geht bei mit auch nicht ... bin in BETA .
          Habe auch schon ummögliche Sachen versucht mit dem Binding ... komme auch nicht dahinter .

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          ice987I 1 Antwort Letzte Antwort
          0
          • GlasfaserG Glasfaser

            @ice987 sagte in vis Widgethöhe in Abhänigkeit der Widgetbreite:

            liegt dies an vis v1.3.4? brauche ich vis v1.3.6?

            nö ... geht bei mit auch nicht ... bin in BETA .
            Habe auch schon ummögliche Sachen versucht mit dem Binding ... komme auch nicht dahinter .

            ice987I Offline
            ice987I Offline
            ice987
            schrieb am zuletzt editiert von
            #10

            @Glasfaser

            Geht bei dir {instance} im html-widget?

            husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

            GlasfaserG 1 Antwort Letzte Antwort
            0
            • ice987I ice987

              @Glasfaser

              Geht bei dir {instance} im html-widget?

              GlasfaserG Offline
              GlasfaserG Offline
              Glasfaser
              schrieb am zuletzt editiert von
              #11

              @ice987

              Auch nicht ... siehe auch ganz oben mein Screenshot .....

              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

              GlasfaserG 1 Antwort Letzte Antwort
              0
              • GlasfaserG Glasfaser

                @ice987

                Auch nicht ... siehe auch ganz oben mein Screenshot .....

                GlasfaserG Offline
                GlasfaserG Offline
                Glasfaser
                schrieb am zuletzt editiert von Glasfaser
                #12

                @ice987
                So geht es :
                Habe auch die Gänzefüßchen geändert von „#w00001“ auf :

                {a:0_userdata.0.Test123;$("#w03331").height()}
                

                1.JPG

                Der Datenpunkt pseudo muß getriggert werden , dann wird der Wert im Runtime angezeigt .

                .
                11.gif

                Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                ice987I 1 Antwort Letzte Antwort
                0
                • GlasfaserG Glasfaser

                  @ice987
                  So geht es :
                  Habe auch die Gänzefüßchen geändert von „#w00001“ auf :

                  {a:0_userdata.0.Test123;$("#w03331").height()}
                  

                  1.JPG

                  Der Datenpunkt pseudo muß getriggert werden , dann wird der Wert im Runtime angezeigt .

                  .
                  11.gif

                  ice987I Offline
                  ice987I Offline
                  ice987
                  schrieb am zuletzt editiert von
                  #13

                  @Glasfaser

                  tatsächlich, funktioniert! Auch mit meinem Logikwert-DP... Danke! Man lernt nie aus...

                  husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                  OliverIOO 1 Antwort Letzte Antwort
                  0
                  • ice987I ice987

                    @Glasfaser

                    tatsächlich, funktioniert! Auch mit meinem Logikwert-DP... Danke! Man lernt nie aus...

                    OliverIOO Offline
                    OliverIOO Offline
                    OliverIO
                    schrieb am zuletzt editiert von
                    #14

                    @ice987 @Glasfaser

                    ja stimmt.
                    Die unterschiedlichen Gänsefüsschen kamen über die autokorrektur im handy rein.
                    Auch das der DP erst getriggert werden muss, ist richtig, hatte ich verdrängt. :(

                    Meine Adapter und Widgets
                    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                    Links im Profil

                    GlasfaserG ice987I 2 Antworten Letzte Antwort
                    1
                    • OliverIOO OliverIO

                      @ice987 @Glasfaser

                      ja stimmt.
                      Die unterschiedlichen Gänsefüsschen kamen über die autokorrektur im handy rein.
                      Auch das der DP erst getriggert werden muss, ist richtig, hatte ich verdrängt. :(

                      GlasfaserG Offline
                      GlasfaserG Offline
                      Glasfaser
                      schrieb am zuletzt editiert von Glasfaser
                      #15

                      @OliverIO sagte in vis Widgethöhe in Abhänigkeit der Widgetbreite:

                      hatte ich verdrängt.

                      .... aber .... sonst wäre es zu Einfach ... wenn ein Lösung sofort da wäre ::

                      So macht es mehr Spaß ;)

                      Danke für deine Hilfe .......

                      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                      1 Antwort Letzte Antwort
                      0
                      • OliverIOO OliverIO

                        @ice987 @Glasfaser

                        ja stimmt.
                        Die unterschiedlichen Gänsefüsschen kamen über die autokorrektur im handy rein.
                        Auch das der DP erst getriggert werden muss, ist richtig, hatte ich verdrängt. :(

                        ice987I Offline
                        ice987I Offline
                        ice987
                        schrieb am zuletzt editiert von
                        #16

                        @OliverIO
                        @Glasfaser
                        Danke nocheinmal für eure Unterstützung! Tolle Geschichte! :blush:

                        husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

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


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        356

                        Online

                        32.6k

                        Benutzer

                        82.3k

                        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