Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
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

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    711

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

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

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

Scheduled Pinned Locked Moved Visualisierung
vis
16 Posts 4 Posters 966 Views 4 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ice987I ice987

    @liv-in-sky

    Vielen Dank für deine rasche Rückmeldung. Nun, das würde gehen. ABER:

    ich habe views, welche ich auf dem iPhone / iPad und Chrome anzeigen möchte. Die Breite der jeweiligen Widgets lasse ich mir per width: 100% generieren. Da die Breite nun nicht immer dieselbe ist (auch wegen hoch/querformat), funktioniert dies mit einem fixen Wert nicht. Meine Idee war nur, die Breite mit width: 100% zu generieren, und die Höhe in Abhängigkeit von diesem Wert zu bestimmen. Geht das?

    liv-in-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    wrote on last edited by liv-in-sky
    #4

    @ice987

    dein link verweist aber auf ein js script. ich denke, der kann nicht so genutzt werden, wie du es vor hast

    mein wissen ist da eher wenig

    @Glasfaser hat öfters sehr gute ideen für die vis - vielleicht weiß er was

    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

    1 Reply Last reply
    0
    • 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?

      GlasfaserG Offline
      GlasfaserG Offline
      Glasfaser
      wrote on last edited by
      #5

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

      die jeweilige Widgethöhe ausgelesen werden?

      Hi ... wir hatten schonmal zusammen mehrere Themen die sehr speziell waren ......
      bzw. die du anstrebst ....

      Geht nur in einem JS Script ...... habe es noch nicht versucht , da es nicht in meinem Interesse fällt .

      is an object with all data of widget. Can be used only in JS part, like

      Die anderen Werte werden angezeigt :

      111111.JPG
      11.JPG

      Nach deinem vorhaben , würde ich mal in diesem Thread mal nachfragen .

      https://forum.iobroker.net/topic/30363/projekt-mdcss-v2-material-design-css-version-2

      oder

      @Peoples der gerade auch mit View´s Abfragen beschaftigt ist weiß hier weiter , wo auch @OliverIO Ihn unterstützt

      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 Reply Last reply
      1
      • 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
        wrote on last edited by 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 Replies Last reply
        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
          wrote on last edited by ice987
          #7

          @OliverIO
          @Glasfaser

          Ihr seit Klasse! Vielen Dank für eure super Hilfe! 👏 (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 Reply Last reply
          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
            wrote on last edited by 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 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              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
                wrote on last edited by
                #10

                @Glasfaser

                Geht bei dir {instance} im html-widget?

                husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                GlasfaserG 1 Reply Last reply
                0
                • ice987I ice987

                  @Glasfaser

                  Geht bei dir {instance} im html-widget?

                  GlasfaserG Offline
                  GlasfaserG Offline
                  Glasfaser
                  wrote on last edited by
                  #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 Reply Last reply
                  0
                  • GlasfaserG Glasfaser

                    @ice987

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

                    GlasfaserG Offline
                    GlasfaserG Offline
                    Glasfaser
                    wrote on last edited by 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 Reply Last reply
                    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
                      wrote on last edited by
                      #13

                      @Glasfaser

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

                      husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                      OliverIOO 1 Reply Last reply
                      0
                      • ice987I ice987

                        @Glasfaser

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

                        OliverIOO Offline
                        OliverIOO Offline
                        OliverIO
                        wrote on last edited by
                        #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 Replies Last reply
                        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
                          wrote on last edited by 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 Reply Last reply
                          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
                            wrote on last edited by
                            #16

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

                            husqvarna-automower, meteoblue, wiserbyfeller, spritmonitor

                            1 Reply Last reply
                            1

                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                            With your input, this post could be even better 💗

                            Register Login
                            Reply
                            • Reply as topic
                            Log in to reply
                            • Oldest to Newest
                            • Newest to Oldest
                            • Most Votes


                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            550

                            Online

                            32.7k

                            Users

                            82.6k

                            Topics

                            1.3m

                            Posts
                            Community
                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                            ioBroker Community 2014-2025
                            logo
                            • Login

                            • Don't have an account? Register

                            • Login or register to search.
                            • First post
                              Last post
                            0
                            • Home
                            • Recent
                            • Tags
                            • Unread 0
                            • Categories
                            • Unreplied
                            • Popular
                            • GitHub
                            • Docu
                            • Hilfe