Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter Material Design Widgets v0.3.x

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    Test Adapter Material Design Widgets v0.3.x

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

      @Scrounger

      Browser: Safari

      [Warning] 360 console messages are not shown.
      [Log] Create inner vis object coronavirus-statistics.0.country_Top_5.3.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.country_Top_5.3.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.country_Top_5.4.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.country_Top_5.4.todayCases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.country_Top_5.4.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.country_Top_5.4.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.country_Top_5.5.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.country_Top_5.5.todayCases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.country_Top_5.5.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.country_Top_5.5.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.critical (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.todayCases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.recovered (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Europe.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Europe.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Austria.todayCases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Austria.recovered (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Austria.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Austria.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_totals.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_totals.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_totals.updated (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Europe.critical (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Europe.todayCases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Europe.recovered (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Europe.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Africa.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Africa.critical (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Africa.todayCases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Africa.recovered (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Africa.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Africa.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Oceania.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Oceania.critical (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Oceania.todayCases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Oceania.recovered (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Oceania.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Oceania.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Asia.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Asia.critical (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Asia.todayCases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Asia.recovered (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Asia.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.Asia.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.America.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.America.critical (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.America.todayCases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.America.recovered (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.America.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.America.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.World_Sum.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.World_Sum.critical (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.World_Sum.todayCases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.World_Sum.recovered (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.World_Sum.todayDeaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.global_continents.World_Sum.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Baden-Württemberg.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Baden-Württemberg.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Bayern.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Bayern.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Berlin.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Berlin.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Brandenburg.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Bremen.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Bremen.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Baden-Württemberg.updated (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Hamburg.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Hamburg.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Hessen.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Hessen.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Mecklenburg-Vorpommern.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Mecklenburg-Vorpommern.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Niedersachsen.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Niedersachsen.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Nordrhein-Westfalen.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Nordrhein-Westfalen.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Rheinland-Pfalz.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Rheinland-Pfalz.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Saarland.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Saarland.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Sachsen.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Sachsen.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Sachsen-Anhalt.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Sachsen-Anhalt.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Schleswig-Holstein.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Schleswig-Holstein.deaths (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Thüringen.cases (vis.js, line 3167)
      [Log] Create inner vis object coronavirus-statistics.0.Germany.Bundesland.Thüringen.deaths (vis.js, line 3167)
      [Log] Create inner vis object 0_userdata.0.Eigene_Punkte.Sternzeichen (vis.js, line 3167)
      [Log] Create inner vis object bring.0.28a086e0-7b33-46f1-8db1-567bd48bda32 (vis.js, line 3167)
      [Debug] [1587890185576] Request 3 states. (vis.js, line 2736)
      [Debug] [1587890189635] Request 69 states. (vis.js, line 2736)
      [Error] Failed to load resource: the server responded with a status of 404 (Not Found) (materialdesignicons.css.map, line 0)
      [Error] Failed to load resource: the server responded with a status of 404 (Not Found) (socket.io.js.map, line 0)
      [Debug] [1587890269745] Request 22 states. (vis.js, line 2736)
      


      2020-04-26-Hausautomation_1.zip

      Scrounger 1 Reply Last reply Reply Quote 0
      • L
        lesiflo Most Active last edited by lesiflo

        Hi,
        ich weiß nicht ob die Frage schon mal gestellt wurde ob es auch möglich währe Radio-Buttons als Widget bereitzustellen. Im normalen Design oder als Chips. Bisher bastele ich mir die aus zwei Toggle-Buttons zusammen. Geht zwar ist aber etwas umständlich. So etwa:
        Chips.JPG
        Oder hat jemand eine andere Lösung. Die von Uhula mit CSS 2.0 kenne ich schon, möchte aber meine VIS nicht komplett auf die Version 2 umstellen.

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

          @G4l4h4d

          Also ich kann da keinen Fehler feststellen, funktioniert bei mir.
          Ist der Datenpunkt javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite vom typ number (Zahl)

          Kannst du mal mit Chrome oder Firefox testen, ob da der Fehler auch auftritt?

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

            @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?

            Glasfaser 1 Reply Last reply Reply Quote 0
            • K
              killroy2 last edited by

              Hallo, ist geplant dass ein Time Picker hinzukommt? Bzw. wo sieht man die nächsten Features? Danke

              1 Reply Last reply Reply Quote 0
              • Glasfaser
                Glasfaser @G4l4h4d last edited by

                @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 1 Reply Last reply Reply Quote 0
                • CKMartens
                  CKMartens last edited by

                  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 Reply Quote 0
                  • G
                    G4l4h4d @Glasfaser last edited by

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

                    Glasfaser 1 Reply Last reply Reply Quote 0
                    • Glasfaser
                      Glasfaser @G4l4h4d last edited by 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 1 Reply Last reply Reply Quote 0
                      • G
                        G4l4h4d @Glasfaser last edited by 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

                        Glasfaser 1 Reply Last reply Reply Quote 0
                        • Glasfaser
                          Glasfaser @G4l4h4d last edited by 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 1 Reply Last reply Reply Quote 0
                          • G
                            G4l4h4d @Glasfaser last edited by 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

                            Glasfaser 1 Reply Last reply Reply Quote 0
                            • Glasfaser
                              Glasfaser @G4l4h4d last edited by

                              @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 🤔 sehr merkwürdig das bei 19 Schluss ist .

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

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

                                @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 Reply Quote 0
                                • Scrounger
                                  Scrounger Developer @FoodFighter last edited by

                                  @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
                                  1 Reply Last reply Reply Quote 0
                                  • CKMartens
                                    CKMartens @Scrounger last edited by

                                    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?
                                    
                                    Scrounger 1 Reply Last reply Reply Quote 0
                                    • Scrounger
                                      Scrounger Developer @CKMartens last edited by 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.

                                      CKMartens 1 Reply Last reply Reply Quote 2
                                      • CKMartens
                                        CKMartens @Scrounger last edited by

                                        @Scrounger Ich danke Dir!

                                        Wider was gelernt

                                        1 Reply Last reply Reply Quote 0
                                        • G
                                          G4l4h4d @Glasfaser last edited by

                                          @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 🤔 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 Reply Quote 0
                                          • Bostil
                                            Bostil last edited by

                                            @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.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            960
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            adapater material material design widgets vis visualization widget
                                            33
                                            169
                                            16124
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo