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.3.x

NEWS

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

  • 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

Geplant Angeheftet Gesperrt Verschoben Tester
visadapatervisualizationmaterialmaterial design widgetswidget
169 Beiträge 33 Kommentatoren 26.3k Aufrufe 36 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.
  • 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
    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • D Offline
              D Offline
              dos1973
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #48

                      @Scrounger Ich danke Dir!

                      Wider was gelernt

                      1 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        • BostilB Offline
                          BostilB Offline
                          Bostil
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            0
                            • ScroungerS Scrounger

                              @Bostil
                              Zeig mal wie du es überschreibst

                              BostilB Offline
                              BostilB Offline
                              Bostil
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                0
                                • M Offline
                                  M Offline
                                  mctom
                                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                  0
                                  • D Offline
                                    D Offline
                                    dos1973
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    0
                                    • E Offline
                                      E Offline
                                      exv2
                                      schrieb am zuletzt editiert von Scrounger
                                      #56

                                      Hallo
                                      Beim Tooltip Layout kann ja die min und max Text Dezimalstellen eingestellt werden.
                                      Es funktioniert auch solange das Kommer als Dezimaltrenner verwendet wird.

                                      Da ich unter OID's den Datensatz mit 0.000016666666666667 multipliziere ist natürlich der Dezimltrennen ein Punkt. Damit stehen im Tolltip dann ewig lange Zahlen.

                                      Gibt es eine Möglichkeit den Punkt als Dezimaltrennen zu setzen?

                                      Danke

                                      Edit: Verschobe, da Frage Fehler betrifft.

                                      ScroungerS 1 Antwort Letzte Antwort
                                      0
                                      • D Offline
                                        D Offline
                                        dos1973
                                        schrieb am zuletzt editiert von Scrounger
                                        #57

                                        @Scrounger

                                        Hi,
                                        ich glaube ich habe noch eine Bug gefunden mit dem Button State auf iOS Geräten. Material Design 0.3.6

                                        Wenn ein view in widget 8 verwendet wird und sich darin ein Button State befinden, dann verhält sich der Button, wie ein Toggle. d.h der Wert wird kurz gesetzt und springt dann wieder auf den Ursprungswert zurück.
                                        Der Fehler tritt nur auf den iOS Geräten (iPhone/ iPad) auf. Wenn ich den Button länger gedrückt halte 1-2 Sekunden, dann bleibt der Wert bestehen und springt nicht zurück.

                                        Desktops und Fully Browser funktioniert alles.

                                        vielleicht schaust du es dir mal an,
                                        als Workaround habe ich aktuell einfach einen blanken unsichtbaren Standard HTML State Button drübergelegt...

                                        Edit: Verschobe, da Frage Fehler betifft und nicht Widget Einstellung

                                        ScroungerS 1 Antwort Letzte Antwort
                                        0
                                        • D dos1973

                                          @Scrounger

                                          Hi,
                                          ich glaube ich habe noch eine Bug gefunden mit dem Button State auf iOS Geräten. Material Design 0.3.6

                                          Wenn ein view in widget 8 verwendet wird und sich darin ein Button State befinden, dann verhält sich der Button, wie ein Toggle. d.h der Wert wird kurz gesetzt und springt dann wieder auf den Ursprungswert zurück.
                                          Der Fehler tritt nur auf den iOS Geräten (iPhone/ iPad) auf. Wenn ich den Button länger gedrückt halte 1-2 Sekunden, dann bleibt der Wert bestehen und springt nicht zurück.

                                          Desktops und Fully Browser funktioniert alles.

                                          vielleicht schaust du es dir mal an,
                                          als Workaround habe ich aktuell einfach einen blanken unsichtbaren Standard HTML State Button drübergelegt...

                                          Edit: Verschobe, da Frage Fehler betifft und nicht Widget Einstellung

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

                                          @dos1973
                                          Mach bitte nen Export von dem Widget, dann schau ich mir des an

                                          Edit: Verschobe, da Frage Fehler betifft und nicht Widget Einstellung

                                          <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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          314

                                          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