Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter Material Design Widgets v0.3.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.3k

Test Adapter Material Design Widgets v0.3.x

Scheduled Pinned Locked Moved Tester
visadapatervisualizationmaterialmaterial design widgetswidget
169 Posts 33 Posters 26.3k Views 36 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • G G4l4h4d

    @Scrounger
    Ja, der Datenpunkt ist vom typ number
    Bildschirmfoto vom 2020-04-26 21-56-34.png
    Hab jetzt mal die TopBar und das View8 gelöscht und neu eingerichtet. Leider keine Besserung.
    Bildschirmfoto vom 2020-04-26 21-57-37.png
    In der TopBar liegt bei 2 die Vorhersage.
    Bildschirmfoto vom 2020-04-26 21-58-32.png
    Also lege ich auf die View Tab 2 das Wetter. Aber in der Runtime steht nur View nicht gefunden?

    GlasfaserG Offline
    GlasfaserG Offline
    Glasfaser
    wrote on last edited by
    #36

    @G4l4h4d

    Sorry , wenn ich auch getestet habe ... aber dein Vis mit dem View Wechsel funktioniert .

    Da stimmt etwas mit dem Datenpunkt nicht den du erstellt hast .
    Hast du keinen alten Datenpunkt mit dem du es testen kannst .....
    bzw. schau mal im Datenpunkt von dem was du erstellt hast , ob sich überhaupt der Zahlenwert verändert !?

    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

    G 1 Reply Last reply
    0
    • CKMartensC Offline
      CKMartensC Offline
      CKMartens
      wrote on last edited by
      #37

      Servus,
      ich möchte die Schriftart der Cards ändern. Dazu habe ich unter CSS folgendes eingetragfen:

      .mdc-typography--headline1 {
        font-family: Jura-Regular;
      }
      .mdc-typography--headline2 {
        font-family: Jura-Regular;
      }
      .mdc-typography--headline3 {
        font-family: Jura-Regular;
      }
      .mdc-typography--headline4 {
        font-family: Jura-Regular;
      }
      .mdc-typography--headline5 {
        font-family: Jura-Regular;
      }
      .mdc-typography--headline6 {
        font-family: Jura-Regular;
      }
      

      Leider passiert da nichts. Kann mir bitte jemand sagen wo mein Fehler ist? Dankeschön
      Carsten

      1 Reply Last reply
      0
      • GlasfaserG Glasfaser

        @G4l4h4d

        Sorry , wenn ich auch getestet habe ... aber dein Vis mit dem View Wechsel funktioniert .

        Da stimmt etwas mit dem Datenpunkt nicht den du erstellt hast .
        Hast du keinen alten Datenpunkt mit dem du es testen kannst .....
        bzw. schau mal im Datenpunkt von dem was du erstellt hast , ob sich überhaupt der Zahlenwert verändert !?

        G Offline
        G Offline
        G4l4h4d
        wrote on last edited by
        #38

        @Glasfaser
        sehr gerne darfst du testen...... bin ja froh wenn ich es wieder zum laufen bekomme :blush:
        also der Datenpunkt wechselt die Zahl parallel zur view die ich aufrufe. Aber die View wird nicht mehr angezeigt:disappointed:

        GlasfaserG 1 Reply Last reply
        0
        • G G4l4h4d

          @Glasfaser
          sehr gerne darfst du testen...... bin ja froh wenn ich es wieder zum laufen bekomme :blush:
          also der Datenpunkt wechselt die Zahl parallel zur view die ich aufrufe. Aber die View wird nicht mehr angezeigt:disappointed:

          GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          wrote on last edited by Glasfaser
          #39

          @G4l4h4d

          Habe nur Datenpunkt auf mein in beide Widget´s geändert ... und kann wunderbar alles Wechsel.
          Hast du jetzt mal trotzdem den Datenpunkt gewechselt !?

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          G 1 Reply Last reply
          0
          • GlasfaserG Glasfaser

            @G4l4h4d

            Habe nur Datenpunkt auf mein in beide Widget´s geändert ... und kann wunderbar alles Wechsel.
            Hast du jetzt mal trotzdem den Datenpunkt gewechselt !?

            G Offline
            G Offline
            G4l4h4d
            wrote on last edited by G4l4h4d
            #40

            @Glasfaser
            Hab den Datenpunkt jetzt mal gewechselt. Es laufen auch alle View´s bis auf 20-22....
            Da zeigt die Runtime nix mehr an.
            Bildschirmfoto 2020-04-27 um 18.17.56.png

            GlasfaserG 1 Reply Last reply
            0
            • G G4l4h4d

              @Glasfaser
              Hab den Datenpunkt jetzt mal gewechselt. Es laufen auch alle View´s bis auf 20-22....
              Da zeigt die Runtime nix mehr an.
              Bildschirmfoto 2020-04-27 um 18.17.56.png

              GlasfaserG Offline
              GlasfaserG Offline
              Glasfaser
              wrote on last edited by Glasfaser
              #41

              @G4l4h4d

              Also funktioniert es jetzt !?
              Die gehen bei mir ...tv-Spielfilm ,Tagesschau und Tierkreiszeichen !

              siehst du auch im Datenpunkt das 20-22 geändert wird ?

              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

              G 1 Reply Last reply
              0
              • GlasfaserG Glasfaser

                @G4l4h4d

                Also funktioniert es jetzt !?
                Die gehen bei mir ...tv-Spielfilm ,Tagesschau und Tierkreiszeichen !

                siehst du auch im Datenpunkt das 20-22 geändert wird ?

                G Offline
                G Offline
                G4l4h4d
                wrote on last edited by G4l4h4d
                #42

                @Glasfaser
                Im Datenpunkt sehe ich diese View´s...
                Hab mir jetzt zum vergleichen mal die Vis von @Kuddel gezogen (danke schon mal an Kuddel).

                Edit: Also mit der VIS von Kuddel klappt alles bei mir ist bei der View 19 schluß alles was danach kommt wird nicht mher angezeigt

                GlasfaserG 1 Reply Last reply
                0
                • G G4l4h4d

                  @Glasfaser
                  Im Datenpunkt sehe ich diese View´s...
                  Hab mir jetzt zum vergleichen mal die Vis von @Kuddel gezogen (danke schon mal an Kuddel).

                  Edit: Also mit der VIS von Kuddel klappt alles bei mir ist bei der View 19 schluß alles was danach kommt wird nicht mher angezeigt

                  GlasfaserG Offline
                  GlasfaserG Offline
                  Glasfaser
                  wrote on last edited by
                  #43

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

                  bei der View 19 schluß alles was danach kommt wird nicht mher angezeigt

                  So habe nochmal deinstalliert ....
                  Import deines Projektes ... Datenpunkt geändert .

                  und .... das gleiche wie du jetzt ... habe auch andere Views eingesetzt ,immer das gleiche.

                  Mhh :thinking_face: sehr merkwürdig das bei 19 Schluss ist .

                  Nimm dann die Start View von Kuddel und importiere Sie bei dir als Startseite rein .

                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                  G 1 Reply Last reply
                  0
                  • D Offline
                    D Offline
                    dos1973
                    wrote on last edited by Scrounger
                    #44

                    @Scrounger
                    kannst du dir das mal ansehen, ich glaube das ist ein Bug.
                    v0.3.4.

                    ich habe einen Button Toggle vertical

                    Bildschirmfoto 2020-04-28 um 01.23.50.png

                    wenn ich auslöse, klappt alles wie gewünscht

                    Bildschirmfoto 2020-04-28 um 01.23.58.png

                    nach dem Reload des VIS verliert der Button die Hintergrund Farbe
                    Bildschirmfoto 2020-04-28 um 01.32.13.png

                    Danke

                    Edit: Verschoben da Frage Fehler betrifft und nicht Widget Einstellung

                    1 Reply Last reply
                    0
                    • FoodFighterF FoodFighter

                      Liegt es an mir oder fehlt beim Button State die Eingabezeile für das Symbol im Verriegeln-Tab?

                      Screenshot 2020-04-18 22.07.42.png

                      Beim Button Toggle und beim Vertical Button State wird mir die Zeile angezeigt.

                      Edit: Verschoben da Frage Fehler betrifft und nicht Widget Einstellung

                      ScroungerS Offline
                      ScroungerS Offline
                      Scrounger
                      Developer
                      wrote on last edited by
                      #45

                      @FoodFighter sagte in Material Design Widgets: Buttons Widget:

                      Liegt es an mir oder fehlt beim Button State die Eingabezeile für das Symbol im Verriegeln-Tab?

                      Ne liegt an mir :-) Danke, habs behoben.

                      @dos1973 sagte in Material Design Widgets: Buttons Widget:

                      nach dem Reload des VIS verliert der Button die Hintergrund Farbe

                      Kann das weder mit Chrome noch mit Firefox reproduzieren. Versuch mal folgendes:

                      • iobroker upload vis ausführen und iobroker mal neustarten
                      • Wenn das nichts bringt Widget löschen und neu erstellen

                      Sollte das Problem dann noch immer bestehen, brauch ich folgendes:

                      • Welcher Browser?
                      • Consolen Log vom Browser (F12)
                      • Export vom Widget

                      <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 Reply Last reply
                      0
                      • ScroungerS Scrounger
                        Aktuelle Test Version 0.3.x
                        Veröffentlichungsdatum 08.04.2020
                        Github Link https://github.com/Scrounger/iobroker.vis-materialdesign

                        Ich bitte Euch zukünftig alle Fragen bzgl. Einstellungen, Verständnis, Skripte, etc. im entsprechenden Thema des zugehörigen Widgets zu posten!

                        • siehe Material Design Widgets Themen

                        Hallo zusammen,
                        ich arbeite aktuell an einem VIS-Adapter, der auf Google material components web Bibliothek basiert und "echte" Material Widgets zur Verfügung stellt inkl. der entsprechenden Effekt, wie Overlay, ripple, etc.

                        Der Adapter befindet sich bereits im latest repository.
                        Neue Funktionen (Widgets) werde ich zu erst hier vorstellen - wer dieses testen möchte muss direkt von github installieren: https://github.com/Scrounger/iobroker.vis-materialdesign.
                        Nach erfolgreichem Feedback mach ich eine neue Version für das latest.

                        Folgende Elemente sind bereits enthalten:

                        review.gif

                        Gemäß den Forumsrichtlinien ist das Thema in die Kategorie 'Test' umgezogen und ein neuer Thread wegen Anhebung Version aufgemacht worden.

                        Die alten Threads findet ihr hier:

                        • https://forum.iobroker.net/topic/26925/test-adapter-material-design-widgets-v0-2-x
                        • https://forum.iobroker.net/topic/26199/test-adapter-material-design-widgets-v0-1-x
                        • https://forum.iobroker.net/topic/25374/neuer-vis-adpater-material-design-widgets

                        Bitte bei Fragen zu den Widget Einstellungen diese zuerst durchlesen, da dort viele Fragen zu den Widget Einstellungen beantwortet wurden!

                        paypal

                        CKMartensC Offline
                        CKMartensC Offline
                        CKMartens
                        wrote on last edited by
                        #46

                        Hallo @Scrounger
                        Ich habe ein kleine Frage, ich möchte in den Cards die Schriftart der Titel ändern. Ich habe es mit CSS versucht, aber das funktioniert leider nicht.

                        .mdc-typography--headline1 {
                          font-family: Jura-Regular;
                        }
                        .mdc-typography--headline2 {
                          font-family: Jura-Regular;
                        }
                        .mdc-typography--headline3 {
                          font-family: Jura-Regular;
                        }
                        .mdc-typography--headline4 {
                          font-family: Jura-Regular;
                        }
                        .mdc-typography--headline5 {
                          font-family: Jura-Regular;
                        }
                        .mdc-typography--headline6 {
                          font-family: Jura-Regular;
                        }
                        Könntest Du mir einen Tipp geben wie ich das hin bekomme?
                        
                        ScroungerS 1 Reply Last reply
                        0
                        • CKMartensC CKMartens

                          Hallo @Scrounger
                          Ich habe ein kleine Frage, ich möchte in den Cards die Schriftart der Titel ändern. Ich habe es mit CSS versucht, aber das funktioniert leider nicht.

                          .mdc-typography--headline1 {
                            font-family: Jura-Regular;
                          }
                          .mdc-typography--headline2 {
                            font-family: Jura-Regular;
                          }
                          .mdc-typography--headline3 {
                            font-family: Jura-Regular;
                          }
                          .mdc-typography--headline4 {
                            font-family: Jura-Regular;
                          }
                          .mdc-typography--headline5 {
                            font-family: Jura-Regular;
                          }
                          .mdc-typography--headline6 {
                            font-family: Jura-Regular;
                          }
                          Könntest Du mir einen Tipp geben wie ich das hin bekomme?
                          
                          ScroungerS Offline
                          ScroungerS Offline
                          Scrounger
                          Developer
                          wrote on last edited by Scrounger
                          #47

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

                          .mdc-typography--headline6 {

                          .mdc-typography--headline6 {
                            font-family: Jura-Regular !important;
                          }
                          

                          Überall ein !important dahinter setzen

                          Auf diese Weise wird es dann aber die Schriftart bei allen Widgets die die mdc-typography--headline X nutzen überschreiben. Falls du das nicht willst, dann verwende font tags im Titel.

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

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

                          CKMartensC 1 Reply Last reply
                          2
                          • ScroungerS Scrounger

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

                            .mdc-typography--headline6 {

                            .mdc-typography--headline6 {
                              font-family: Jura-Regular !important;
                            }
                            

                            Überall ein !important dahinter setzen

                            Auf diese Weise wird es dann aber die Schriftart bei allen Widgets die die mdc-typography--headline X nutzen überschreiben. Falls du das nicht willst, dann verwende font tags im Titel.

                            CKMartensC Offline
                            CKMartensC Offline
                            CKMartens
                            wrote on last edited by
                            #48

                            @Scrounger Ich danke Dir!

                            Wider was gelernt

                            1 Reply Last reply
                            0
                            • GlasfaserG Glasfaser

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

                              bei der View 19 schluß alles was danach kommt wird nicht mher angezeigt

                              So habe nochmal deinstalliert ....
                              Import deines Projektes ... Datenpunkt geändert .

                              und .... das gleiche wie du jetzt ... habe auch andere Views eingesetzt ,immer das gleiche.

                              Mhh :thinking_face: sehr merkwürdig das bei 19 Schluss ist .

                              Nimm dann die Start View von Kuddel und importiere Sie bei dir als Startseite rein .

                              G Offline
                              G Offline
                              G4l4h4d
                              wrote on last edited by
                              #49

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

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

                              bei der View 19 schluß alles was danach kommt wird nicht mher angezeigt

                              So habe nochmal deinstalliert ....
                              Import deines Projektes ... Datenpunkt geändert .

                              und .... das gleiche wie du jetzt ... habe auch andere Views eingesetzt ,immer das gleiche.

                              Mhh :thinking_face: sehr merkwürdig das bei 19 Schluss ist .

                              Nimm dann die Start View von Kuddel und importiere Sie bei dir als Startseite rein .

                              Ich hab da noch bissl rumprobiert. Jetzt funktioniert es so, dass ich im ViewWidget8 die Einträge doppelt eintragen muss. Dann werden wieder alle View's angezeigt. Keine Ahnung woran das liegt.
                              Bildschirmfoto vom 2020-04-29 11-09-46.png

                              1 Reply Last reply
                              0
                              • BostilB Offline
                                BostilB Offline
                                Bostil
                                wrote on last edited by
                                #50

                                @Scrounger: Ist es richtig, dass im Progress-Widget die Schriftart des angezeigten Wertes noch nicht geändert werden kann? Habe im CSS meine "Schriftart" definiert, aber auch hier greift das nicht im Widget.

                                Danke dir.

                                ScroungerS 1 Reply Last reply
                                0
                                • BostilB Bostil

                                  @Scrounger: Ist es richtig, dass im Progress-Widget die Schriftart des angezeigten Wertes noch nicht geändert werden kann? Habe im CSS meine "Schriftart" definiert, aber auch hier greift das nicht im Widget.

                                  Danke dir.

                                  ScroungerS Offline
                                  ScroungerS Offline
                                  Scrounger
                                  Developer
                                  wrote on last edited by
                                  #51

                                  @Bostil
                                  Zeig mal wie du es überschreibst

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

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

                                  BostilB 1 Reply Last reply
                                  0
                                  • ScroungerS Scrounger

                                    @Bostil
                                    Zeig mal wie du es überschreibst

                                    BostilB Offline
                                    BostilB Offline
                                    Bostil
                                    wrote on last edited by
                                    #52

                                    @Scrounger Wie du erkennen kannst, hier nicht über eine CSS-Befehlszeile, sondern lediglich über die Widget-Einstellung:

                                    721d463a-28cc-4e30-8cc8-c412e92b02f7-image.png

                                    ScroungerS 1 Reply Last reply
                                    0
                                    • BostilB Bostil

                                      @Scrounger Wie du erkennen kannst, hier nicht über eine CSS-Befehlszeile, sondern lediglich über die Widget-Einstellung:

                                      721d463a-28cc-4e30-8cc8-c412e92b02f7-image.png

                                      ScroungerS Offline
                                      ScroungerS Offline
                                      Scrounger
                                      Developer
                                      wrote on last edited by
                                      #53

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

                                      @Scrounger Wie du erkennen kannst, hier nicht über eine CSS-Befehlszeile, sondern lediglich über die Widget-Einstellung:

                                      Das müsste eigentlich funktionieren
                                      edacb96e-5d9a-45be-aab7-ec26956b2dd8-grafik.png

                                      Schriftart ist installiert?
                                      Geht das bei anderen Widgets?
                                      Welcher Browser?
                                      Was steht in der Console?

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

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

                                      EnduranceE 1 Reply Last reply
                                      0
                                      • M Offline
                                        M Offline
                                        mctom
                                        wrote on last edited by mctom
                                        #54

                                        Ich hab ein den letzten Tagen diverse Update gemacht. Und zur Zeit bastel ich ein wenig an meiner Visualisierung.
                                        Dabei ist mir folgende Meldung in der Console aufgefallen:

                                        DevTools failed to load SourceMap: Could not load content for http://192.168.2.22:8082/vis/widgets/materialdesign/lib/fonts/material-design-icons/materialdesignicons.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                                        

                                        Ist das schlimm / relevant /wichtig ?

                                        Material Design Widget 0.3.6
                                        Vis 1.2.6

                                        Gruß

                                        Michael

                                        1 Reply Last reply
                                        0
                                        • D Offline
                                          D Offline
                                          dos1973
                                          wrote on last edited by dos1973
                                          #55

                                          Hallo,
                                          @Scrounger und alle anderen
                                          ich habe es irgendwo gelesen, aber kann es leider nicht mehr finden.
                                          wie lautet den der Standard FarbCode für die "blaue" Farbe in den Material Design widgets.

                                          Hat die vielleicht jemand parat.
                                          Danke

                                          Edit: habs doch gefunden #44739e

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          674

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe