Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: IconList Widget

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: IconList Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Scrounger
      Scrounger Developer @sigi234 last edited by

      @sigi234
      Könntest den Wert ausblenden und als zweiten Text Binding verwenden und entsprechend damit formatieren

      sigi234 1 Reply Last reply Reply Quote 0
      • sigi234
        sigi234 Forum Testing Most Active @Scrounger last edited by sigi234

        @Scrounger sagte in Material Design Widgets: IconList Widget:

        @sigi234
        Könntest den Wert ausblenden und als zweiten Text Binding verwenden und entsprechend damit formatieren

        Ja dachte ich mir bekomme aber wieder true angezeigt.......dieses bindings begreife ich einfach nicht.

        Übrigens der Adapter Gartenbewässerung ist Cool, wäre ein Projekte für dich. ( so wie das Wetter von mir)

        https://forum.iobroker.net/topic/32213/test-adapter-gartenbewässerung-v0-0-x

        Ich sende dir mal mein Projekt:
        Habe Dummy DP eingebaut , da ich keinen Garten habe.😀

        Bei Sonnenaufgang usw. bekomme ich das Datum auch nicht Richtig formatiert? Ist aber vom DP so.

        Scrounger 1 Reply Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @sigi234 last edited by

          @sigi234 sagte in Material Design Widgets: IconList Widget:

          Ja dachte ich mir bekomme aber wieder true angezeigt.......dieses bindings begreife ich einfach nicht.

          Hier ein Binding wie true / false in text umgewandelt wird:

          {a:0_userdata.0.MDW.Buttons.bool; (a === 'true') ? 'aktiv' : 'deaktiviert'}
          

          Übrigens der Adapter Gartenbewässerung ist Cool, wäre ein Projekte für dich. ( so wie das Wetter von mir)

          Ja aber erst wenn ich selber ne Gartenbewässerung habe 😉

          1 Reply Last reply Reply Quote 1
          • M
            michihorn last edited by Scrounger

            Hallöchen lieber Scounger, ich habe mal etwas mit den Widget experimentiert. Inbesondere die Icon List.
            Ich möchte gerne Markissen fahren die einen State 0 oder 100 erwarten.
            Unbenannt4.JPG
            In der markierten Zeile sollte 0 oder 100 stehen, je nach aktuellen Status. Wie könnte ich in der Zeile zwischen 0 und 100 hin und her switchen?

            Unbenannt.JPG
            hier betrifft es die Markissen
            Gruß
            Michael

            Edit: Verschoben, da Frage Widget Einstellung betrifft

            D Scrounger 2 Replies Last reply Reply Quote 0
            • D
              dos1973 @michihorn last edited by Scrounger

              @michihorn

              Versuch mal mit einem Button „Toggle“
              Du hast State.

              Edit: Verschoben, da Frage Widget Einstellung betrifft

              M 1 Reply Last reply Reply Quote 0
              • M
                michihorn @dos1973 last edited by Scrounger

                @dos1973 Ich habe beides Probiert, leider ohne Erfolg

                Edit: Verschoben, da Frage Widget Einstellung betrifft

                1 Reply Last reply Reply Quote 0
                • Scrounger
                  Scrounger Developer @michihorn last edited by

                  @michihorn sagte in Test Adapter Material Design Widgets v0.3.x:

                  In der markierten Zeile sollte 0 oder 100 stehen, je nach aktuellen Status. Wie könnte ich in der Zeile zwischen 0 und 100 hin und her switchen?

                  Musst Button Toggle Wert nehmen und dann die beiden werte entsprechend eintragen:

                  79fece18-f429-404d-814b-c4ec98ad5090-grafik.png

                  1fafc8a6-488e-4718-8aa7-05388a8e270a-grafik.png

                  M 1 Reply Last reply Reply Quote 0
                  • B
                    BobBruni @Scrounger last edited by BobBruni

                    @Scrounger said in Material Design Widgets: IconList Widget:

                    @BobBruni

                    Hier mein Skript dazu, wo ich genau die obere view realisiert habe. Evtl. hilft dir das weiter.

                    Vielen Dank! Ich schau mal, ob ich damit klar komme...

                    Ein fertiges Widget, dieser Art, ist nicht zufällig geplant? 😜

                    1 Reply Last reply Reply Quote 0
                    • D
                      dos1973 last edited by

                      Hi,

                      ich würde mich auch gerne via Blockly und dynamischen icon List versuchen wollen.

                      so würde ich es gerne haben wollen, Aber an den json versuchen scheitere ich.

                      Könnte mir jemand ein Beispiel json erstellen, was so aussieht.
                      der Text kommt aus einen DP. die grünen Haken sind auch in Abhängigkeit zu einem DP (state), und das ganz soll eine Navigation sein.

                      width:280px
                      high: 120px

                      Bildschirmfoto 2020-05-08 um 21.35.47.png

                      Danke schön für die Mühe und Hilfe

                      1 Reply Last reply Reply Quote 0
                      • AxelF1977
                        AxelF1977 last edited by AxelF1977

                        @Scrounger ich arbeite bei meinen VIEWS mit Transparenz. Kann das mit eingefügt werden? Ich hätte die einzelnen Kacheln gerne mit transparenz

                        240f79b8-75e0-4294-b292-9ce005f2bfa8-image.png

                        Gibt es da einen Trick oder kann ich das in einer neuen Version eingefügt werden, unter dem Feld der Hintergrundfarbe z.B.?

                        Es gibt zwar eine entsprechende CSS Klasse, die kann ich aber nicht auf die einzelnen Kacheln anwenden. Oder habe ich im Script was übersehen?

                        .mdui-vis4-bg { background-color: rgba(38, 50, 56, .7) !important; }
                        
                        Scrounger 1 Reply Last reply Reply Quote 0
                        • Scrounger
                          Scrounger Developer @AxelF1977 last edited by

                          @AxelF1977
                          Bei Hintergrundfarbe transparent eingeben

                          AxelF1977 1 Reply Last reply Reply Quote 0
                          • AxelF1977
                            AxelF1977 @Scrounger last edited by

                            @Scrounger sagte in Material Design Widgets: IconList Widget:

                            @AxelF1977
                            Bei Hintergrundfarbe transparent eingeben

                            Geht auch none. Aber dann ist da kein Hintergrund. Gebe ich #ffffff ein, ist er weiß pro Kachel. Dann soll das aber noch eine Transparenz haben. Ohne dass das auch auf die Schrift oder die Icon angewendet wird

                            Chris Tailor 1 Reply Last reply Reply Quote 0
                            • Chris Tailor
                              Chris Tailor @AxelF1977 last edited by

                              @AxelF1977 du kannst auch noch den Alphakanal mit angeben, also z.B. #ffffff20, somit kannst du die Transparenz steuern.

                              AxelF1977 1 Reply Last reply Reply Quote 1
                              • AxelF1977
                                AxelF1977 @Chris Tailor last edited by

                                @Chris-Tailor sagte in Material Design Widgets: IconList Widget:

                                @AxelF1977 du kannst auch noch den Alphakanal mit angeben, also z.B. #ffffff20, somit kannst du die Transparenz steuern.

                                Sehr gut, danke. Habe es zwar schon probiert es so zu machen

                                #263238 0.6
                                #263238 .6
                                

                                Aber auf die Idee bin ich nicht gekommen. Kannte ich noch nicht. Es kann so einfach sein

                                Funktioniert

                                Scrounger 1 Reply Last reply Reply Quote 0
                                • Scrounger
                                  Scrounger Developer @AxelF1977 last edited by

                                  @AxelF1977
                                  Du kannst auch rgba verwenden:
                                  https://www.w3schools.com/cssref/func_rgba.asp

                                  AxelF1977 1 Reply Last reply Reply Quote 0
                                  • AxelF1977
                                    AxelF1977 @Scrounger last edited by

                                    @Scrounger sehr gut, Danke, so kann ich direkt den Schnippsel aus meinem CSS verwenden.

                                    Klappt.

                                    1 Reply Last reply Reply Quote 0
                                    • tobasium
                                      tobasium @Scrounger last edited by

                                      @Scrounger Kannst du erklären wie man das Script genau nutzt stehe etwas auf dem Schlauch. Sehe auch keine Datenpunkte. Verstehe noch nicht wo ich hier genau ansetze. Wo muss das skript genau eingefügt werden.
                                      Eingabemethode für Listendaten habe ich aktuell über den Editor realisiert.
                                      Vielen Dank vorab.

                                      Scrounger 2 Replies Last reply Reply Quote 0
                                      • Scrounger
                                        Scrounger Developer @tobasium last edited by

                                        @tobasium
                                        Welches Skript?

                                        tobasium 1 Reply Last reply Reply Quote 0
                                        • tobasium
                                          tobasium @Scrounger last edited by

                                          @Scrounger said in Material Design Widgets: IconList Widget:

                                          @tobasium
                                          Welches Skript?

                                          @Scrounger Sorry das in Beitrag 33 (hab den Satz wohl irgendwie verloren) ich würde gerne nur die Lichter anzeigen die an sind komme aber irgendwie nicht weiter steig nicht durch.

                                          M 1 Reply Last reply Reply Quote 0
                                          • M
                                            micklafisch @tobasium last edited by

                                            @tobasium
                                            das geht mir leider genau so. Ich habe schon eine Aufzählung erstellt und die Lichter bzw. schaltbaren Steckdosen reingepackt, aber damit komme ich nicht klar. @Scrounger wäre es vermessen nach ein paar Screenshots zu fragen?

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            508
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            26
                                            134
                                            15418
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo