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

    @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
    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        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

                            373

                            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