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

  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter Material Design Widgets v0.1.x

NEWS

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

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

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

Test Adapter Material Design Widgets v0.1.x

Geplant Angeheftet Gesperrt Verschoben Tester
adaptervismaterial ui
189 Beiträge 22 Kommentatoren 39.2k Aufrufe 30 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.
  • ScroungerS Scrounger

    @acramatic sagte in Test Adapter Material Design Widgets v0.1.x:

    Hallo zusammen,
    besteht die Möglichkeit, sich die Werte eines Kreisdiagramms addiert anzeigen zu lassen?

    Mach dir nen Skript das die einzelnen Werte des Kreisdiagramms in einem Datenpunkte addiert und dann mit z.B. nem String Widget den Datenpunkt anzeigen.

    @dos1973 sagte in Test Adapter Material Design Widgets v0.1.x:

    als Anfang zb. Schrift/ Schriftgröße etc...

    Das kannst doch im Editor einstellen über die Kategorie Font.

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

    @Scrounger
    Das ist klar,
    mein vis geht über mehrer Seiten, wenn ich dann etwas ändere wollen würde, dann muss ich das überall manuell machen...

    Font und schrift, war nur als Beispiel gedacht.

    ScroungerS 1 Antwort Letzte Antwort
    0
    • D dos1973

      @Scrounger
      Das ist klar,
      mein vis geht über mehrer Seiten, wenn ich dann etwas ändere wollen würde, dann muss ich das überall manuell machen...

      Font und schrift, war nur als Beispiel gedacht.

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

      @dos1973
      Eigene CSS Klasse wo du nur die Attribute überschreibst und dann unter allgemein zuweist hast auch probiert?

      Beispiel kann ich Grad keine liefern da ich net am Rechner bin, evtl heute Abend

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

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

      D 1 Antwort Letzte Antwort
      0
      • ScroungerS Scrounger

        @dos1973
        Eigene CSS Klasse wo du nur die Attribute überschreibst und dann unter allgemein zuweist hast auch probiert?

        Beispiel kann ich Grad keine liefern da ich net am Rechner bin, evtl heute Abend

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

        @Scrounger
        ja, eigene funktionieren nicht.

        wie machen das alle anderen hier, alle Werte manuell im Editor?

        ScroungerS 1 Antwort Letzte Antwort
        0
        • D dos1973

          @Scrounger
          ja, eigene funktionieren nicht.

          wie machen das alle anderen hier, alle Werte manuell im Editor?

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

          @dos1973

          Geht per css:

          .materialdesign-checkbox > label {
              font-size: 50px;
          }
          

          und auch mit eigener css klasse:

          .myCheckBox > label {
              font-size: 80px;
          }
          

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

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

          1 Antwort Letzte Antwort
          1
          • T tazdevil20

            Habe eine Frage zu der Value Select List:

            • In dem Objekt "Schalter" wird doch sicherlich hinterlegt welche Auswahl getroffen wurde. Wie muss ich hier die Einstellung vornehmen, oder ist das noch soweit Beta, dass noch keine Funktionalität hinterlegt ist? Habe alles schon ausprobiert, jedoch wurde nie ein Wert eingetragen.

            Jetzt der Feature requests:

            • Besteht die Möglichkeit die Werte variable mittels JSON bereitzustellen?
            • Ich würde den Button auch gerne etwas von der Höhe her verkleinern.
            • Die Auswahlliste breiter darstellen als der Button.
            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von Scrounger
            #136

            @tazdevil20 sagte in Test Adapter Material Design Widgets v0.1.x:

            • Die Auswahlliste breiter darstellen als der Button.

            Grad eingefallen - kann doch im Editor eingestellt werden über 'menuWidth'

            e937fb76-c9a4-4db0-ac9e-507729dc3238-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>

            1 Antwort Letzte Antwort
            1
            • B Offline
              B Offline
              BobBruni
              schrieb am zuletzt editiert von
              #137

              Gibt es eine einfache Möglichkeit bei den List-Cards Zeilenumbrüche zu ermöglichen?

              card.PNG

              ScroungerS 1 Antwort Letzte Antwort
              0
              • O Oli

                @crunchip

                benötigst du noch Hilfe?

                ub.privatU Offline
                ub.privatU Offline
                ub.privat
                schrieb am zuletzt editiert von
                #138

                @Oli

                stehe vor der selbenAnfängerfrage wie @crunchip.
                Möchte über das Widget "Menü" meine Views aufrufen.
                Soweit so gut, funktioniert auch, ABER der View-Inhalt wird nicht angezeigt???

                Was bedeutet eigentlich "Checkbox "persistent" must be activated!" ... wo finde ich diese Checkbox?
                Halt Fragen, über Fragen...

                sigi234S O 2 Antworten Letzte Antwort
                0
                • crunchipC crunchip

                  Die installation hatte ich ja schon vor langer Zeit gemacht, mich aber noch nicht wirklich damit beschäftigt.
                  Habe zwar hin und wieder immer mal mitgelesen, jedoch ist das hier ganz schön gewachsen:+1:
                  Nun habe ich mir mal die aktuelle Version geladen und stehe irgendwie auf der Leitung.
                  Scheitere schon bei der Einstellung des Top App Bar widget

                  • Das Top App Bar zieh ich mir rüber und vergrößere auf meine View, richtig?
                  • view Tab 0 ist dann logischerweise meine Startseite?
                  • für was ist die Objekt Id in diesem Widget, was muss ich da anlegen?
                  • wie bekomme ich da ein Untermenü hin? das mit dem view| view| view raff ich net, muss ich da was von Hand eingeben oder die einzelnen Views auswählen, getrennt mit einem |

                  das wären nun erstmal ein paar Fragen,
                  wenn die mir jemand in Kurzfassung beantworten könnte, damit ich da mal ein wenig weitermachen kann, wäre klasse

                  ub.privatU Offline
                  ub.privatU Offline
                  ub.privat
                  schrieb am zuletzt editiert von
                  #139

                  @crunchip

                  hast Du für dein Problem eine "Lösung" gefunden???
                  Komme auch nicht wirklich weiter...

                  1 Antwort Letzte Antwort
                  0
                  • ub.privatU ub.privat

                    @Oli

                    stehe vor der selbenAnfängerfrage wie @crunchip.
                    Möchte über das Widget "Menü" meine Views aufrufen.
                    Soweit so gut, funktioniert auch, ABER der View-Inhalt wird nicht angezeigt???

                    Was bedeutet eigentlich "Checkbox "persistent" must be activated!" ... wo finde ich diese Checkbox?
                    Halt Fragen, über Fragen...

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

                    @ub-privat sagte in Test Adapter Material Design Widgets v0.1.x:

                    Was bedeutet eigentlich "Checkbox "persistent" must be activated!" ... wo finde ich diese Checkbox?

                    Screenshot (625)_LI.jpg

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

                    ub.privatU 1 Antwort Letzte Antwort
                    0
                    • ub.privatU ub.privat

                      @Oli

                      stehe vor der selbenAnfängerfrage wie @crunchip.
                      Möchte über das Widget "Menü" meine Views aufrufen.
                      Soweit so gut, funktioniert auch, ABER der View-Inhalt wird nicht angezeigt???

                      Was bedeutet eigentlich "Checkbox "persistent" must be activated!" ... wo finde ich diese Checkbox?
                      Halt Fragen, über Fragen...

                      O Online
                      O Online
                      Oli
                      schrieb am zuletzt editiert von
                      #141

                      @ub-privat

                      du gibst im im gelb markierten Bereich deine Seiten ein die du angezeigt haben willst

                      4b6e25dd-e5be-4c17-b9d1-042dfcfbb054-image.png

                      Wenn du ein Untermenü erstellen willst, gibst du "|" als Trennzeichen.

                      fb1bd53b-96a9-4c13-8aaa-899f2047be6c-image.png

                      Bei Bezeichnung gibst du die Namen ein, welche angezeigt werden sollen und bei Bilder, deine Bilder die angezeigt werden sollen.
                      Bei einem Untermenü gibst folgendes bei den Bildern ein:

                      {"itemImage": "/vis.0/main/img/Meine Icons/Sonstiges/Internet.png", "subItems": ["/icons-mfd-png/weather_cloudy.png", "/icons-mfd-png/scene_gas_station.png", "/vis.0/main/img/Meine Icons/Sonstiges/Heizöl.png"]}

                      Gruß
                      Oliver

                      ub.privatU 1 Antwort Letzte Antwort
                      0
                      • sigi234S sigi234

                        @ub-privat sagte in Test Adapter Material Design Widgets v0.1.x:

                        Was bedeutet eigentlich "Checkbox "persistent" must be activated!" ... wo finde ich diese Checkbox?

                        Screenshot (625)_LI.jpg

                        ub.privatU Offline
                        ub.privatU Offline
                        ub.privat
                        schrieb am zuletzt editiert von
                        #142

                        @sigi234

                        DANKE! Inuitiv habe ich dies bereits erledigt...
                        a39ceff8-4a0f-4bcb-97e6-634ef4180916-grafik.png

                        ScroungerS 1 Antwort Letzte Antwort
                        0
                        • O Oli

                          @ub-privat

                          du gibst im im gelb markierten Bereich deine Seiten ein die du angezeigt haben willst

                          4b6e25dd-e5be-4c17-b9d1-042dfcfbb054-image.png

                          Wenn du ein Untermenü erstellen willst, gibst du "|" als Trennzeichen.

                          fb1bd53b-96a9-4c13-8aaa-899f2047be6c-image.png

                          Bei Bezeichnung gibst du die Namen ein, welche angezeigt werden sollen und bei Bilder, deine Bilder die angezeigt werden sollen.
                          Bei einem Untermenü gibst folgendes bei den Bildern ein:

                          {"itemImage": "/vis.0/main/img/Meine Icons/Sonstiges/Internet.png", "subItems": ["/icons-mfd-png/weather_cloudy.png", "/icons-mfd-png/scene_gas_station.png", "/vis.0/main/img/Meine Icons/Sonstiges/Heizöl.png"]}

                          ub.privatU Offline
                          ub.privatU Offline
                          ub.privat
                          schrieb am zuletzt editiert von
                          #143

                          @Oli

                          Hallo, genau SO verfahre ich auch!!!
                          Wenn ich aber die VIS starte, kann ich die Seiten (Views) durchblättern.
                          Es werden jedoch keine Seiteninhalte (diverse widgets) angezeigt ???
                          f4c72855-232c-4596-953b-522a9de58c42-grafik.png - VIEW-Inhalt -
                          Ich starte die VIS immer von der Hauptseite 00_MAIN
                          a3b28030-6e1b-4c3d-80ca-f1a3e6980cbc-grafik.png - VIS im Browser -
                          Die Seiten die ich aus dem Menü aufrufe, werden auch entsprechend im "blauen" Balken dargestellt.

                          ub.privatU 1 Antwort Letzte Antwort
                          0
                          • ub.privatU ub.privat

                            @Oli

                            Hallo, genau SO verfahre ich auch!!!
                            Wenn ich aber die VIS starte, kann ich die Seiten (Views) durchblättern.
                            Es werden jedoch keine Seiteninhalte (diverse widgets) angezeigt ???
                            f4c72855-232c-4596-953b-522a9de58c42-grafik.png - VIEW-Inhalt -
                            Ich starte die VIS immer von der Hauptseite 00_MAIN
                            a3b28030-6e1b-4c3d-80ca-f1a3e6980cbc-grafik.png - VIS im Browser -
                            Die Seiten die ich aus dem Menü aufrufe, werden auch entsprechend im "blauen" Balken dargestellt.

                            ub.privatU Offline
                            ub.privatU Offline
                            ub.privat
                            schrieb am zuletzt editiert von
                            #144

                            @ub-privat

                            Hab's hinbekommen!!!! Juppi...
                            Nun die alte VIS umbauen... Alles wird gut!!!

                            ub.privatU 1 Antwort Letzte Antwort
                            0
                            • ub.privatU ub.privat

                              @ub-privat

                              Hab's hinbekommen!!!! Juppi...
                              Nun die alte VIS umbauen... Alles wird gut!!!

                              ub.privatU Offline
                              ub.privatU Offline
                              ub.privat
                              schrieb am zuletzt editiert von
                              #145

                              @ub-privat

                              Noch eine kleine "Schönheitsfrage" - wie bekomme ich in den Menübalken, welcher auf jedem View angezeigt wird, permanent das Datum angezeigt
                              c4082996-7582-45d2-bd48-bd4e251cf8f2-grafik.png
                              Montag, 18.November 2019 soll permanent rechts oben - in Linie zu 03_SITE dargestellt werden?
                              Mit widget im Vordergrund wird das nichts....

                              T Z 2 Antworten Letzte Antwort
                              0
                              • ub.privatU ub.privat

                                @ub-privat

                                Noch eine kleine "Schönheitsfrage" - wie bekomme ich in den Menübalken, welcher auf jedem View angezeigt wird, permanent das Datum angezeigt
                                c4082996-7582-45d2-bd48-bd4e251cf8f2-grafik.png
                                Montag, 18.November 2019 soll permanent rechts oben - in Linie zu 03_SITE dargestellt werden?
                                Mit widget im Vordergrund wird das nichts....

                                T Offline
                                T Offline
                                tazdevil20
                                schrieb am zuletzt editiert von
                                #146

                                @ub-privat
                                Ich habe das für die kurz Version von DWD gemacht. Einfach in der View in der du das Menü hast das Datum an der Stelle einbauen und den z-index höher einstellen als den des Menüs.

                                ub.privatU 1 Antwort Letzte Antwort
                                0
                                • D dos1973

                                  @Scrounger
                                  geht wieder auf mac, iPhone,ipad...

                                  Danke !

                                  Z Offline
                                  Z Offline
                                  Zipkart
                                  schrieb am zuletzt editiert von
                                  #147

                                  @dos1973 sagte in Test Adapter Material Design Widgets v0.1.x:

                                  @Scrounger
                                  geht wieder auf mac, iPhone,ipad...

                                  Danke !

                                  Hmmm. Ich hab leider das Problem immer noch.
                                  Die Safari Browser auf mac IPhone und iPad sowie die iOS App stellen das Menu zwar dar, aber es lässt sich nichts auswählen.
                                  Auf dem Mac mit Chrome als Browser geht es wiederum.

                                  Hat du eventuell eine Idee was ich machen könnte?

                                  Gruß
                                  Stefan

                                  Produktiv Proxmox / NUC / IOBroker / RFLInk / Mysensor / Raspimatic / Keymatic / HUE / MiHome / Tradfri / Shelly / SOnOff / Alexa / Sonos / Wandtablet / iPad

                                  Testsystem…
                                  immer mal wieder unterschiedlich

                                  1 Antwort Letzte Antwort
                                  0
                                  • ub.privatU ub.privat

                                    @sigi234

                                    DANKE! Inuitiv habe ich dies bereits erledigt...
                                    a39ceff8-4a0f-4bcb-97e6-634ef4180916-grafik.png

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

                                    @ub-privat sagte in Test Adapter Material Design Widgets v0.1.x:

                                    a39ceff8-4a0f-4bcb-97e6-634ef4180916-grafik.png

                                    Schalter muss angeben werden, ein Datenpunkt vom Typ Zahl, sonst funktioniert das nicht korrekt, siehe Screenshot von @sigi234

                                    @sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

                                    Screenshot (625)_LI.jpg

                                    @Zipkart sagte in Test Adapter Material Design Widgets v0.1.x:

                                    Hmmm. Ich hab leider das Problem immer noch.
                                    Die Safari Browser auf mac IPhone und iPad sowie die iOS App stellen das Menu zwar dar, aber es lässt sich nichts auswählen.
                                    Auf dem Mac mit Chrome als Browser geht es wiederum.

                                    Hat du eventuell eine Idee was ich machen könnte?

                                    Aktuellen master branch ziehen, da ist das Problem behoben.
                                    Oder noch gedulden, werde die Woche eine neue Version im latest veröffentlichen.

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

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

                                    Z ub.privatU 2 Antworten Letzte Antwort
                                    0
                                    • ScroungerS Scrounger

                                      @ub-privat sagte in Test Adapter Material Design Widgets v0.1.x:

                                      a39ceff8-4a0f-4bcb-97e6-634ef4180916-grafik.png

                                      Schalter muss angeben werden, ein Datenpunkt vom Typ Zahl, sonst funktioniert das nicht korrekt, siehe Screenshot von @sigi234

                                      @sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

                                      Screenshot (625)_LI.jpg

                                      @Zipkart sagte in Test Adapter Material Design Widgets v0.1.x:

                                      Hmmm. Ich hab leider das Problem immer noch.
                                      Die Safari Browser auf mac IPhone und iPad sowie die iOS App stellen das Menu zwar dar, aber es lässt sich nichts auswählen.
                                      Auf dem Mac mit Chrome als Browser geht es wiederum.

                                      Hat du eventuell eine Idee was ich machen könnte?

                                      Aktuellen master branch ziehen, da ist das Problem behoben.
                                      Oder noch gedulden, werde die Woche eine neue Version im latest veröffentlichen.

                                      Z Offline
                                      Z Offline
                                      Zipkart
                                      schrieb am zuletzt editiert von
                                      #149

                                      @Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

                                      Aktuellen master branch ziehen, da ist das Problem behoben.

                                      Super. Vielen Dank. Ich werde es heute Abend mal probieren. Auf diesem Wege aber auch nochmal ganz ganz vielen Dank für dein Engagement. Das ist echt überwältigend und derzeit Eddie interessanteste Neuentwicklung beim IOBroker für mich.

                                      Produktiv Proxmox / NUC / IOBroker / RFLInk / Mysensor / Raspimatic / Keymatic / HUE / MiHome / Tradfri / Shelly / SOnOff / Alexa / Sonos / Wandtablet / iPad

                                      Testsystem…
                                      immer mal wieder unterschiedlich

                                      1 Antwort Letzte Antwort
                                      0
                                      • ub.privatU ub.privat

                                        @ub-privat

                                        Noch eine kleine "Schönheitsfrage" - wie bekomme ich in den Menübalken, welcher auf jedem View angezeigt wird, permanent das Datum angezeigt
                                        c4082996-7582-45d2-bd48-bd4e251cf8f2-grafik.png
                                        Montag, 18.November 2019 soll permanent rechts oben - in Linie zu 03_SITE dargestellt werden?
                                        Mit widget im Vordergrund wird das nichts....

                                        Z Offline
                                        Z Offline
                                        Zipkart
                                        schrieb am zuletzt editiert von
                                        #150

                                        @ub-privat sagte in Test Adapter Material Design Widgets v0.1.x:

                                        Darstellubg des Wetters auf einem Bild

                                        Guten Morgen.
                                        Darf man mal fragen, wo die schönen Wetter icons herkommen.? Ich hab mal nach Meteored gegoogelt aber keine entsprechende Quelle, sondern nur eine App gefunden.

                                        Produktiv Proxmox / NUC / IOBroker / RFLInk / Mysensor / Raspimatic / Keymatic / HUE / MiHome / Tradfri / Shelly / SOnOff / Alexa / Sonos / Wandtablet / iPad

                                        Testsystem…
                                        immer mal wieder unterschiedlich

                                        ub.privatU 1 Antwort Letzte Antwort
                                        0
                                        • B BobBruni

                                          Gibt es eine einfache Möglichkeit bei den List-Cards Zeilenumbrüche zu ermöglichen?

                                          card.PNG

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

                                          @BobBruni sagte in Test Adapter Material Design Widgets v0.1.x:

                                          Gibt es eine einfache Möglichkeit bei den List-Cards Zeilenumbrüche zu ermöglichen?

                                          Entweder mit '\n' oder '<br>'

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

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

                                          B 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

                                          526

                                          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