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. Material Design Widgets: IconList Widget

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.4k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.6k

Material Design Widgets: IconList Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
134 Beiträge 26 Kommentatoren 21.6k Aufrufe 29 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.
  • M micklafisch

    @scrounger
    Ich hab die Konsole mal angesehen, er bekommt zu jedem IconList einen Eintrag " [waitForOid] stop waiting for value of oid '' after 500 retries"

    Hier ein Auszug aus den ganzen Meldungen

    [IconList w00296] [waitForOid] stop waiting for value of oid '' after 500 retries
    (anonym) @ instrument.ts:129
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    setTimeout (asynchron)
    (anonym) @ trycatch.ts:119
    waitForOid @ widgets.min.js:1
    (anonym) @ widgets.min.js:1
    sentryWrapped @ helpers.ts:87
    instrument.ts:129 
    

    Ich vermute das erzeugt die Wartezeit bis er für jedes Element das durch hat. Ich hab das Widget aus dem Log oben hier exportiert, die Werte für die Liste habe ich über den Editor eingegeben.

    [{"tpl":"tplVis-materialdesign-Icon-List","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","wrapItems":false,"vibrateOnMobilDevices":"50","listLayout":"card","containerBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.background","itemBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.background_items","itemLayout":"vertical","buttonLayout":"full","buttonColorPress":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button_hover","labelFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.text","labelFontFamily":"RobotoCondensed-Bold","labelFontColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.text","subLabelFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.subText","subLabelFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.icon_list.subText","subLabelFontColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.subText","valueFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.value","valueFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.icon_list.value","valueFontColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.value_text","titleLayout":"#mdwTheme:vis-materialdesign.0.fontSizes.card.title","showScrollbar":"true","titleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.card.title","colorBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background","colorTitleSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_title","colorTextSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_body","colorTitle":"#mdwTheme:vis-materialdesign.0.colors.card.title","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.lock_icon","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listItemDataMethod":"inputPerEditor","countListItems":"1","listType0":"buttonState","showValueLabel0":false,"buttonBgColor0":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor0":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","listType1":"buttonState","showValueLabel1":false,"buttonBgColor1":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor1":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","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,"maxItemsperRow":"4","oid0":"0_userdata.0.vis.alexa.Rollo_KiZi","listTypeButtonStateValue0":"false","oid1":"0_userdata.0.vis.alexa.Rollo_KiZi","listTypeButtonStateValue1":"true","label1":"zu","label0":"auf","listType2":"buttonState","showValueLabel2":false,"buttonBgColor2":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor2":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","oid2":"hm-rpc.1.CUX4000001.8.LEVEL","listTypeButtonStateValue2":"0","label2":"zu","itemGaps":"2","buttonHeight":"25","subLabel0":"","buttonBgColorActive0":"","buttonBgColorActive1":"","buttonBgColorActive2":"#abc3d8","iconHeight":"","verticalIconContainerHeight":"4","cardUse":false,"listImage0":"","listImageActiveColor0":"","statusBarColor0":"","statusBarText0":"","json_string_oid":"","typeButtonToggleValueTrue2":"","typeButtonToggleValueFalse2":"","listTypeButtonNav2":"","listTypeButtonLink2":"","lockEnabled2":false,"readOnly2":false,"listType3":"buttonState","showValueLabel3":false,"buttonBgColor3":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor3":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","oid3":"hm-rpc.1.CUX4000001.8.STOP","buttonBgColorActive3":"#abc3d8","label3":"Stopp"},"style":{"left":"144px","top":"194px","width":"142px","height":"35px","z-index":"15"},"widgetSet":"materialdesign"}]
    

    Kannst du da einen Fehler sehen oder soll ich noch mehr bereitstellen?

    ScroungerS Offline
    ScroungerS Offline
    Scrounger
    Developer
    schrieb am zuletzt editiert von
    #120

    @micklafisch
    Ist leider ein bug, habs behoben gibts dann in der nächsten Version - das dauert leider noch, hab grad nicht soviel Zeit.

    Kurzfristiger fix wäre einfach bei JSON-String: Objekt ID einen existierenden Datenpunkt rein schreiben, in deinem Fall z.B.:
    71ce8004-b765-4565-879f-755f9ab6b8a8-grafik.png

    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

    M 1 Antwort Letzte Antwort
    0
    • ScroungerS Scrounger

      @micklafisch
      Ist leider ein bug, habs behoben gibts dann in der nächsten Version - das dauert leider noch, hab grad nicht soviel Zeit.

      Kurzfristiger fix wäre einfach bei JSON-String: Objekt ID einen existierenden Datenpunkt rein schreiben, in deinem Fall z.B.:
      71ce8004-b765-4565-879f-755f9ab6b8a8-grafik.png

      M Online
      M Online
      micklafisch
      schrieb am zuletzt editiert von
      #121

      @scrounger
      Merci!

      Der Workaround funktioniert, die Widgets sind nun gewohnt Pfeilschnell geladen und sichtbar.

      1 Antwort Letzte Antwort
      0
      • S Offline
        S Offline
        Supermicha
        schrieb am zuletzt editiert von
        #122

        @Scrounger
        kleine Anmerkung:

        Ich habe grade Stunden damit verbracht, eine Icon-List zum laufen zu bringen...
        Die wollte sich einfach nicht schalten lassen.

        Erst als ich in den "manuellen" Einstellungen 'Button Toggle Wert für an' und 'Button Toggle Wert für aus' gesehen habe, und die entsprechenden Werte in meiner JSON-Liste hinzugefügt habe, lief es....
        Das Verhalten hat mich überrascht, denn in dem einfachen List-Widget ist das nicht notwenig.

        Vielleicht wäre es eine Überlegung wert, wenn du mal die Doku anfasst, bei den JSON Properties zuzuschreiben welcher Wert zwingend notwendig ist und welcher "freiwillig"?

        1 Antwort Letzte Antwort
        0
        • Mr. AKM Offline
          Mr. AKM Offline
          Mr. AK
          schrieb am zuletzt editiert von
          #123

          Hallo zusammen

          Gerne möchte ich in meiner View für das Smartphone eine Icon-List (o.ä.) erstellen, welche sich horizontal und nicht vertikal scrollen lässt. Horizontal-scroll.png Ich habe dies mit der Icon-List und mit x-overflow: scroll versucht, leider ohne Erfolg.

          Hat jemand eine Idee, wie man dies umsetzen könnte?

          Schonmal Danke für eure Hilfe und ein schönes Weekend

          1 Antwort Letzte Antwort
          0
          • S Offline
            S Offline
            Supermicha
            schrieb am zuletzt editiert von
            #124

            ich weiß nicht, ob die Frage hier schon kam. Habe die 123 Post vormir nur überflogen...

            Ist es möglich, das die Buttons in der Letzten Zeile nicht auf die volle Breite es Widgets ausgedehnt werden

            587de066-7246-4800-9541-6301e1612f3e-grafik.png

            sondern linksbündig in der gleichen Breite wie die Widgets in den "vollen" Zeilen angezeigt werden?

            sigi234S 1 Antwort Letzte Antwort
            0
            • S Supermicha

              ich weiß nicht, ob die Frage hier schon kam. Habe die 123 Post vormir nur überflogen...

              Ist es möglich, das die Buttons in der Letzten Zeile nicht auf die volle Breite es Widgets ausgedehnt werden

              587de066-7246-4800-9541-6301e1612f3e-grafik.png

              sondern linksbündig in der gleichen Breite wie die Widgets in den "vollen" Zeilen angezeigt werden?

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              schrieb am zuletzt editiert von
              #125

              @supermicha

              3 Dummy Button einfügen?

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Immer Daten sichern!

              1 Antwort Letzte Antwort
              0
              • S Offline
                S Offline
                Supermicha
                schrieb am zuletzt editiert von Supermicha
                #126

                das wäre wohl eine Möglichkeit, aber maximal ein Workaround...

                ich probiere grade mit eigenem CSS, aber bin da noch nicht so wiklich weitergekommen, da ich von SCC doch nicht so wirklich Ahnung habe...

                mein Ansatz bisher

                max-width: calc(100% / var(--materialdesign-icon-list-items-per-row));
                

                das verschiebt mir aber auch alle anderen Zeilen dadrüber...

                wenn ich eine feste Breite angebe. z.B

                max-width: 150px
                

                dann klappt es, müsste ich dann nur für jede Liste anpassen... auch nicht so toll

                1 Antwort Letzte Antwort
                0
                • B BobBruni

                  @Scrounger said in Material Design Widgets: IconList Widget:

                  Alternativ kann man sich das mit weniger Funktion auch per Editor zusammen klicken.

                  Wenn es für jedes Listenelement die Option "Bedingung für Sichtbarkeit" geben würde, könnte man es sich mit dem Editor zusammen klicken... Oder gibt es eine andere Möglichkeit?

                  D Offline
                  D Offline
                  dos1973
                  schrieb am zuletzt editiert von dos1973
                  #127

                  @bobbruni sagte in Material Design Widgets: IconList Widget:

                  @Scrounger said in Material Design Widgets: IconList Widget:

                  Alternativ kann man sich das mit weniger Funktion auch per Editor zusammen klicken.

                  Wenn es für jedes Listenelement die Option "Bedingung für Sichtbarkeit" geben würde, könnte man es sich mit dem Editor zusammen klicken... Oder gibt es eine andere Möglichkeit?

                  @Scrounger
                  Hi, ist diese Funktion implementiert? ich hab zwar das gefunden
                  https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/118

                  aber ich stehe irgendwie auf dem Schlauch mit den Settings. Eine Doku dazu konnte ich leider nicht finden. Könntest du mal ein Screenshot der Setting machen. Ich bekomme es einfach nicht hin.

                  bei mir toggle er einfach - aber verschwindet nicht.
                  und wie kann ich denn die Symbolgröße verändern / größer machen

                  Bildschirmfoto 2022-02-18 um 21.24.00.png

                  D 1 Antwort Letzte Antwort
                  0
                  • D dos1973

                    @bobbruni sagte in Material Design Widgets: IconList Widget:

                    @Scrounger said in Material Design Widgets: IconList Widget:

                    Alternativ kann man sich das mit weniger Funktion auch per Editor zusammen klicken.

                    Wenn es für jedes Listenelement die Option "Bedingung für Sichtbarkeit" geben würde, könnte man es sich mit dem Editor zusammen klicken... Oder gibt es eine andere Möglichkeit?

                    @Scrounger
                    Hi, ist diese Funktion implementiert? ich hab zwar das gefunden
                    https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/118

                    aber ich stehe irgendwie auf dem Schlauch mit den Settings. Eine Doku dazu konnte ich leider nicht finden. Könntest du mal ein Screenshot der Setting machen. Ich bekomme es einfach nicht hin.

                    bei mir toggle er einfach - aber verschwindet nicht.
                    und wie kann ich denn die Symbolgröße verändern / größer machen

                    Bildschirmfoto 2022-02-18 um 21.24.00.png

                    D Offline
                    D Offline
                    dos1973
                    schrieb am zuletzt editiert von
                    #128

                    @dos1973 sagte in Material Design Widgets: IconList Widget:

                    und wie kann ich denn die Symbolgröße verändern / größer machen

                    ok, da hatte ich echt Tomaten auf den Augen, hab es in den Settings gefunden.

                    Aber die Liste bekomme ich nicht erstellt, dass er das Icon ausblendet...
                    oder, muss ich für jedes Icon (Lampe) ein eigenes Icon List Widget erstellen und mittels der Sichtbarkeit steuern??

                    Helft mir doch mal au der Klemme...Thx

                    D 1 Antwort Letzte Antwort
                    0
                    • D dos1973

                      @dos1973 sagte in Material Design Widgets: IconList Widget:

                      und wie kann ich denn die Symbolgröße verändern / größer machen

                      ok, da hatte ich echt Tomaten auf den Augen, hab es in den Settings gefunden.

                      Aber die Liste bekomme ich nicht erstellt, dass er das Icon ausblendet...
                      oder, muss ich für jedes Icon (Lampe) ein eigenes Icon List Widget erstellen und mittels der Sichtbarkeit steuern??

                      Helft mir doch mal au der Klemme...Thx

                      D Offline
                      D Offline
                      dos1973
                      schrieb am zuletzt editiert von
                      #129

                      habs gefunden, :eyeglasses: musste erst ein Update auf die Beta machen...

                      D 1 Antwort Letzte Antwort
                      0
                      • D dos1973

                        habs gefunden, :eyeglasses: musste erst ein Update auf die Beta machen...

                        D Offline
                        D Offline
                        dos1973
                        schrieb am zuletzt editiert von
                        #130

                        Hi zusammen,

                        ich habe nochmals eine Frage zum icon List widget. ich möchte das mit der Funktion "zeige nur eingeschaltete Lichter" nachbauen.

                        Soweit so gut, das läuft, aber ich finde kein Wert um die max. Breite festzulegen.
                        ich find es einfach nicht, falls es das gibt - wäre wirklich dankbar für einen Hinweis.

                        so schaut's aus:
                        Bildschirmfoto 2022-06-29 um 23.59.26.png

                        aber wenn ich die Lampen dann ausschalte, werden die Buttons immer Breiter
                        Bildschirmfoto 2022-06-29 um 23.59.42.png
                        Bildschirmfoto 2022-06-29 um 23.59.55.png

                        ich würde mir ein feste Breite wünschen, egal wieviele Elemente aktiv sind.

                        geht das? hat jemand eine Tipp für mich?

                        Thx

                        D 1 Antwort Letzte Antwort
                        0
                        • D dos1973

                          Hi zusammen,

                          ich habe nochmals eine Frage zum icon List widget. ich möchte das mit der Funktion "zeige nur eingeschaltete Lichter" nachbauen.

                          Soweit so gut, das läuft, aber ich finde kein Wert um die max. Breite festzulegen.
                          ich find es einfach nicht, falls es das gibt - wäre wirklich dankbar für einen Hinweis.

                          so schaut's aus:
                          Bildschirmfoto 2022-06-29 um 23.59.26.png

                          aber wenn ich die Lampen dann ausschalte, werden die Buttons immer Breiter
                          Bildschirmfoto 2022-06-29 um 23.59.42.png
                          Bildschirmfoto 2022-06-29 um 23.59.55.png

                          ich würde mir ein feste Breite wünschen, egal wieviele Elemente aktiv sind.

                          geht das? hat jemand eine Tipp für mich?

                          Thx

                          D Offline
                          D Offline
                          dos1973
                          schrieb am zuletzt editiert von
                          #131

                          @dos1973
                          niemand eine Idee

                          @Scrounger : könntest du mir helfen?

                          FoodFighterF 1 Antwort Letzte Antwort
                          0
                          • D dos1973

                            @dos1973
                            niemand eine Idee

                            @Scrounger : könntest du mir helfen?

                            FoodFighterF Offline
                            FoodFighterF Offline
                            FoodFighter
                            schrieb am zuletzt editiert von FoodFighter
                            #132

                            @dos1973
                            du könntest unter "CSS-Allgemein > width" die Breite der Widget-Tabelle festlegen.
                            Hast du das schon probiert?

                            B 1 Antwort Letzte Antwort
                            0
                            • FoodFighterF FoodFighter

                              @dos1973
                              du könntest unter "CSS-Allgemein > width" die Breite der Widget-Tabelle festlegen.
                              Hast du das schon probiert?

                              B Offline
                              B Offline
                              BamBam89
                              schrieb am zuletzt editiert von
                              #133

                              Hallo zusammen,

                              ich versuche mich gerade an der IconList und stoße aktuell wohl an meine Grenzen :-)

                              Ich versuche gerade folgendes Beispiel umzusetzen:

                              Ich habe drei Lampen (Lampe_1, Lampe_2, Lampe_3)
                              Dafür soll mir die IconList Button erzeugen.

                              Diese Button sollen aber in Abhängigkeit einer Bedingung angezeigt werden. (Bedingung_1, Bedingung_2, Bedingung_3)

                              Bedeutet, nur wenn Bedingung 1 erfüllt ist, soll auch der Button 1 für Lampe 1 angezeigt werden.

                              Dazu habe noch eine JSON erstellt mit folgendem Inhalt:

                              [
                                {
                                  "listType": "buttonToggle",
                                  "objectId": "0_userdata.0.Spielereien.Lampe_1",
                                  "visibilityOid": "0_userdata.0.Spielereien.Bedingung_1",
                                  "visibilityCondition": "==",
                                  "visibilityConditionValue": true,
                                  "buttonToggleValueTrue": "on",
                                  "buttonToggleValueFalse": "off",
                                  "readOnly": false,
                                  "showValueLabel": true,
                                  "background": "#44739e",
                                  "text": "Lampe 1",
                                  "image": "lightbulb",
                                  "imageColor": "#44739e"
                                },
                                {
                                  "listType": "buttonToggle",
                                  "objectId": "0_userdata.0.Spielereien.Lampe_2",
                                  "visibilityOid": "0_userdata.0.Spielereien.Bedingung_2",
                                  "visibilityCondition": "==",
                                  "visibilityConditionValue": true,
                                  "buttonToggleValueTrue": "on",
                                  "buttonToggleValueFalse": "off",
                                  "readOnly": false,
                                  "showValueLabel": true,
                                  "background": "#44739e",
                                  "text": "Lampe 2",
                                  "image": "lightbulb",
                                  "imageColor": "#44739e"
                                },
                                {
                                  "listType": "buttonToggle",
                                  "objectId": "0_userdata.0.Spielereien.Lampe_3",
                                  "visibilityOid": "0_userdata.0.Spielereien.Bedingung_3",
                                  "visibilityCondition": "==",
                                  "visibilityConditionValue": true,
                                  "buttonToggleValueTrue": "on",
                                  "buttonToggleValueFalse": "off",
                                  "readOnly": false,
                                  "showValueLabel": true,
                                  "background": "#44739e",
                                  "text": "Lampe 3",
                                  "image": "lightbulb",
                                  "imageColor": "#44739e"
                                }
                              ]
                              

                              In der Vis habe ich erst mal nichts anderes gemacht, als in der IconList die ObjektID der JSON List eingefügt:

                              60479888-a181-4984-a55d-0985e30ee561-image.png

                              Die Liste wird erzeugt. Soweit so gut. Aber sobald ich den Wert einer Bedingung auf false setze, nehmen wir mal als Beispiel Bedingung_1 wird der Button in der VIS nicht ausgeblendet. Aktualisiere ich aber den Editor, dann ist dort der Button für Lampe_1 nicht mehr sichtbar:

                              VIS Runtime:

                              46ed98cf-1f5e-4bb7-bab2-0e559a2ddb19-image.png

                              Vis Ediitor:

                              5a1a32e7-74d0-4a71-9e45-08c9087df419-image.png

                              Kann mir bitte jemand erklären, woran das liegt oder was ich falsch mache?

                              Vielen Dank

                              Gruß Christian

                              P 1 Antwort Letzte Antwort
                              0
                              • B BamBam89

                                Hallo zusammen,

                                ich versuche mich gerade an der IconList und stoße aktuell wohl an meine Grenzen :-)

                                Ich versuche gerade folgendes Beispiel umzusetzen:

                                Ich habe drei Lampen (Lampe_1, Lampe_2, Lampe_3)
                                Dafür soll mir die IconList Button erzeugen.

                                Diese Button sollen aber in Abhängigkeit einer Bedingung angezeigt werden. (Bedingung_1, Bedingung_2, Bedingung_3)

                                Bedeutet, nur wenn Bedingung 1 erfüllt ist, soll auch der Button 1 für Lampe 1 angezeigt werden.

                                Dazu habe noch eine JSON erstellt mit folgendem Inhalt:

                                [
                                  {
                                    "listType": "buttonToggle",
                                    "objectId": "0_userdata.0.Spielereien.Lampe_1",
                                    "visibilityOid": "0_userdata.0.Spielereien.Bedingung_1",
                                    "visibilityCondition": "==",
                                    "visibilityConditionValue": true,
                                    "buttonToggleValueTrue": "on",
                                    "buttonToggleValueFalse": "off",
                                    "readOnly": false,
                                    "showValueLabel": true,
                                    "background": "#44739e",
                                    "text": "Lampe 1",
                                    "image": "lightbulb",
                                    "imageColor": "#44739e"
                                  },
                                  {
                                    "listType": "buttonToggle",
                                    "objectId": "0_userdata.0.Spielereien.Lampe_2",
                                    "visibilityOid": "0_userdata.0.Spielereien.Bedingung_2",
                                    "visibilityCondition": "==",
                                    "visibilityConditionValue": true,
                                    "buttonToggleValueTrue": "on",
                                    "buttonToggleValueFalse": "off",
                                    "readOnly": false,
                                    "showValueLabel": true,
                                    "background": "#44739e",
                                    "text": "Lampe 2",
                                    "image": "lightbulb",
                                    "imageColor": "#44739e"
                                  },
                                  {
                                    "listType": "buttonToggle",
                                    "objectId": "0_userdata.0.Spielereien.Lampe_3",
                                    "visibilityOid": "0_userdata.0.Spielereien.Bedingung_3",
                                    "visibilityCondition": "==",
                                    "visibilityConditionValue": true,
                                    "buttonToggleValueTrue": "on",
                                    "buttonToggleValueFalse": "off",
                                    "readOnly": false,
                                    "showValueLabel": true,
                                    "background": "#44739e",
                                    "text": "Lampe 3",
                                    "image": "lightbulb",
                                    "imageColor": "#44739e"
                                  }
                                ]
                                

                                In der Vis habe ich erst mal nichts anderes gemacht, als in der IconList die ObjektID der JSON List eingefügt:

                                60479888-a181-4984-a55d-0985e30ee561-image.png

                                Die Liste wird erzeugt. Soweit so gut. Aber sobald ich den Wert einer Bedingung auf false setze, nehmen wir mal als Beispiel Bedingung_1 wird der Button in der VIS nicht ausgeblendet. Aktualisiere ich aber den Editor, dann ist dort der Button für Lampe_1 nicht mehr sichtbar:

                                VIS Runtime:

                                46ed98cf-1f5e-4bb7-bab2-0e559a2ddb19-image.png

                                Vis Ediitor:

                                5a1a32e7-74d0-4a71-9e45-08c9087df419-image.png

                                Kann mir bitte jemand erklären, woran das liegt oder was ich falsch mache?

                                Vielen Dank

                                Gruß Christian

                                P Offline
                                P Offline
                                pezi86
                                schrieb am zuletzt editiert von
                                #134

                                @bambam89
                                Hallo,
                                Ich habe genau das gleiche Problem.

                                Wenn ich die gleiche OID für Sichtbarkeit und ObjektID nehme wird es im Runtime ausgeblendet wie gewünscht.

                                Wenn ich unterschiedliche OIDs nehme wie in deinem Beispiel wird das Inaktive Objekt nur im Editor ausgeblendet und nicht im Runtime.

                                Gibt es hier schon eine Lösung? Es wäre schon praktisch mit einem eigenen IOD für die Sichtbarkeit und sich dann den aktuellen Wert anzeigen zu lassen.

                                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

                                861

                                Online

                                32.4k

                                Benutzer

                                81.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