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

    @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 Offline
                  O Offline
                  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
                                      • M Offline
                                        M Offline
                                        mrMuppet
                                        schrieb am zuletzt editiert von
                                        #152

                                        Vielen Dank für den tollen Adapter!
                                        Ich wünsche mit für meinen Teil noch den runden Slider, wie er auch bei Lovelace (und auch der Google-Home-Oberfäche) integriert ist.

                                        ioBroker auf NUC (Celeron mit Ubuntu-Server)

                                        Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                                        1 Antwort Letzte Antwort
                                        0
                                        • N Offline
                                          N Offline
                                          nousefor82
                                          schrieb am zuletzt editiert von
                                          #153

                                          Hallo,

                                          und herzlichen Dank für den Hammer Adapter!

                                          Ich habe jedoch folgendes Problem:

                                          Erstellt habe ich eine View für die TopBar. In dem Widget, wie in der Anleitung beschrieben, einen zuvor erzeugten Datenpunkt in OID eingetragen.
                                          (und jetzt bin ich mir nicht sicher, ob ich das richtig gemacht habe:)
                                          Dann habe in diesem TopBar-View ein "View-in-Widget 8"-Widget ertsellt, und dort wiederum den erzeugten Datenpunkt für die OID angegeben.

                                          Wenn ich jetzt die Runtime starte, wird mir erstmal nur die TopBar dargestellt; wenn ich dann über die TopBar auf einen andere View schalte (z.B. Beleuchtung...da wird dann auch nichts dargestellt) und dann wieder zurück (Home) werden auch die Inhalte angezeigt; und das passiert bei jeder View. Wenn dann alle einmal angezeigt wurden (jedesmal durch hin und her springen), kann man problemlos über die TopBar die Views wechseln.

                                          Das Problem tritt sowohl bei Mac mit Safari, FireFox und Chrome als auch auf Win10 mit FireFox und Chrome auf.

                                          (Manchmal wird auch angezeigt: Keine gültige View gefunden, was aber durch ein Neustart vom VIS-Adapter behoben wird.)

                                          Ich hoffe ihr könnt mir helfen, denn dann würde ich mein bisheriges Projekt komplett umgestalten mit dem wirklich sehr geilen Adapter.

                                          Installiert habe ich die aktuelle latest, iO-Broker läuft auf WIN10.

                                          Viele Grüße,

                                          Jörg

                                          ScroungerS 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

                                          375

                                          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