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

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

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.0k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    924

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Test Adapter Material Design Widgets v0.2.x

Scheduled Pinned Locked Moved Tester
visadapatervisualizationmaterialwidget
902 Posts 77 Posters 247.1k Views 79 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.
  • ScroungerS Scrounger

    Folgendes Skript könnt ihr euch als gobales Skript speichern

    var materialDesignWidgets = {};
    materialDesignWidgets.sendTo = function (id, text, backgroundColor = '', borderColor = '', icon = '', iconColor = '', fontColor = '') {
        let json = getState(id).val;
    
        json = JSON.parse(json);
    
        json.push(
            {
                text: text,
                backgroundColor: backgroundColor,
                borderColor: borderColor,
                icon: icon,
                iconColor: iconColor,
                fontColor: fontColor
            }
        )
    
        setState(id, JSON.stringify(json), true);
    }
    

    und dann in anderen skripten mit

    materialDesignWidgets.sendTo('0_userdata.0.materialdesignwidgets.alerts.json', 'neuer Text', 'red');
    

    neue narichten schicken.

    @Mr-Oz sagte in Test Adapter Material Design Widgets v0.2.x:

    seit der Version 0.2.32 / 0.2.40 funktioniert das vibrieren auf Mobilgeräten nicht mehr. Muss man da noch was beachten/umstellen?

    Kann ich nicht bestätigen. Welcher Browser? Welches Widget? Was steht in der console des browsers?

    @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

    Fehler bisher... Sollte der Text länger als die Breite sein, schreibt er ihn über das Widget hinaus und der Bestätigungsbutton ist auch weg
    Alles was an Buttons hinter dem Widget liegt ist nicht mehr bedienbar. Auch wenn keine Alerts angezeigt werden.

    Hab ich behoben. Zeilenumbruch funktioniert aber nur nach wörtern!

    I Online
    I Online
    intruder7
    wrote on last edited by
    #605

    @Scrounger

    Zeilenumbruch funktioniert. Allerdings lässt sich alles was hinter dem widget ist noch nicht bedienen. Auch wenn keine Alerts angezeigt werden

    I 1 Reply Last reply
    0
    • sigi234S sigi234

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

      0_userdata.0.materialdesignwidgets.alerts.json

      Muss der DP angelegt werden?

      I Online
      I Online
      intruder7
      wrote on last edited by
      #606

      @sigi234
      ja das muss ein existenter DP sein

      sigi234S 1 Reply Last reply
      0
      • I intruder7

        @Scrounger

        Zeilenumbruch funktioniert. Allerdings lässt sich alles was hinter dem widget ist noch nicht bedienen. Auch wenn keine Alerts angezeigt werden

        I Online
        I Online
        intruder7
        wrote on last edited by intruder7
        #607

        @Scrounger
        hab den Fehler.. Bei der Höhe war 100% eingestellt. Einfach das Feld leer lassen und er passt die Höhe automatisch an und stört oder verdeckt auch nicht mehr die darunter liegenden Elemente

        I ScroungerS 2 Replies Last reply
        0
        • I intruder7

          @Scrounger
          hab den Fehler.. Bei der Höhe war 100% eingestellt. Einfach das Feld leer lassen und er passt die Höhe automatisch an und stört oder verdeckt auch nicht mehr die darunter liegenden Elemente

          I Online
          I Online
          intruder7
          wrote on last edited by
          #608

          @Scrounger
          Beim Input Widget hab ich noch eine Frage
          Der Text "Bitte einen Artikel eingeben" lässt sich nicht nach rechts einrücken.

          df968530-3b55-4315-a43d-8c3e0b2ce854-image.png

          hab es hier versucht aber ohne erfolg

          d5504f14-4b64-4bbd-95f4-852e16a08919-image.png

          aber hier ist es möglich

          5b930730-ae3e-457a-bd51-2b0f1af69f04-image.png

          ub.privatU 1 Reply Last reply
          0
          • I intruder7

            @sigi234
            ja das muss ein existenter DP sein

            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            wrote on last edited by
            #609

            @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

            @sigi234
            ja das muss ein existenter DP sein

            avascript.0	2020-01-26 14:43:30.625	error	(5968) at Script.runInContext (vm.js:133:20)
            javascript.0	2020-01-26 14:43:30.625	error	(5968) at script.js.Alarm.SendTo_Material_Vis:1:23
            javascript.0	2020-01-26 14:43:30.625	error	(5968) at Object.materialDesignWidgets.sendTo (script.js.Alarm.SendTo_Material_Vis:85:10)
            javascript.0	2020-01-26 14:43:30.625	error	(5968) TypeError: json.push is not a function
            javascript.0	2020-01-26 14:43:30.625	error	(5968) ^
            javascript.0	2020-01-26 14:43:30.625	error	(5968) json.push(
            javascript.0	2020-01-26 14:43:30.624	error	(5968) script.js.Alarm.SendTo_Material_Vis: script.js.Alarm.SendTo_Material_Vis:85
            

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

            I ScroungerS 3 Replies Last reply
            0
            • sigi234S sigi234

              @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

              @sigi234
              ja das muss ein existenter DP sein

              avascript.0	2020-01-26 14:43:30.625	error	(5968) at Script.runInContext (vm.js:133:20)
              javascript.0	2020-01-26 14:43:30.625	error	(5968) at script.js.Alarm.SendTo_Material_Vis:1:23
              javascript.0	2020-01-26 14:43:30.625	error	(5968) at Object.materialDesignWidgets.sendTo (script.js.Alarm.SendTo_Material_Vis:85:10)
              javascript.0	2020-01-26 14:43:30.625	error	(5968) TypeError: json.push is not a function
              javascript.0	2020-01-26 14:43:30.625	error	(5968) ^
              javascript.0	2020-01-26 14:43:30.625	error	(5968) json.push(
              javascript.0	2020-01-26 14:43:30.624	error	(5968) script.js.Alarm.SendTo_Material_Vis: script.js.Alarm.SendTo_Material_Vis:85
              
              I Online
              I Online
              intruder7
              wrote on last edited by
              #610

              @sigi234 zeig mal dein skript

              1 Reply Last reply
              0
              • sigi234S sigi234

                @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                @sigi234
                ja das muss ein existenter DP sein

                avascript.0	2020-01-26 14:43:30.625	error	(5968) at Script.runInContext (vm.js:133:20)
                javascript.0	2020-01-26 14:43:30.625	error	(5968) at script.js.Alarm.SendTo_Material_Vis:1:23
                javascript.0	2020-01-26 14:43:30.625	error	(5968) at Object.materialDesignWidgets.sendTo (script.js.Alarm.SendTo_Material_Vis:85:10)
                javascript.0	2020-01-26 14:43:30.625	error	(5968) TypeError: json.push is not a function
                javascript.0	2020-01-26 14:43:30.625	error	(5968) ^
                javascript.0	2020-01-26 14:43:30.625	error	(5968) json.push(
                javascript.0	2020-01-26 14:43:30.624	error	(5968) script.js.Alarm.SendTo_Material_Vis: script.js.Alarm.SendTo_Material_Vis:85
                
                I Online
                I Online
                intruder7
                wrote on last edited by
                #611

                @sigi234
                und ganz wichtig... das Script von scrounger muss unbedingt unter global sein. Verändern brauchst du da nichts.

                1 Reply Last reply
                0
                • I intruder7

                  @Scrounger
                  hab den Fehler.. Bei der Höhe war 100% eingestellt. Einfach das Feld leer lassen und er passt die Höhe automatisch an und stört oder verdeckt auch nicht mehr die darunter liegenden Elemente

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

                  @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                  @Scrounger
                  hab den Fehler.. Bei der Höhe war 100% eingestellt. Einfach das Feld leer lassen und er passt die Höhe automatisch an und stört oder verdeckt auch nicht mehr die darunter liegenden Elemente

                  Auch ne Möglichkeit, aber das geht inzwischen auch wenns drüber liegt.

                  @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                  @Scrounger
                  Beim Input Widget hab ich noch eine Frage
                  Der Text "Bitte einen Artikel eingeben" lässt sich nicht nach rechts einrücken.

                  df968530-3b55-4315-a43d-8c3e0b2ce854-image.png

                  hab es hier versucht aber ohne erfolg

                  Stimmt, da ist noch nen fehler im styling drin.

                  I 1 Reply Last reply
                  0
                  • sigi234S sigi234

                    @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                    @sigi234
                    ja das muss ein existenter DP sein

                    avascript.0	2020-01-26 14:43:30.625	error	(5968) at Script.runInContext (vm.js:133:20)
                    javascript.0	2020-01-26 14:43:30.625	error	(5968) at script.js.Alarm.SendTo_Material_Vis:1:23
                    javascript.0	2020-01-26 14:43:30.625	error	(5968) at Object.materialDesignWidgets.sendTo (script.js.Alarm.SendTo_Material_Vis:85:10)
                    javascript.0	2020-01-26 14:43:30.625	error	(5968) TypeError: json.push is not a function
                    javascript.0	2020-01-26 14:43:30.625	error	(5968) ^
                    javascript.0	2020-01-26 14:43:30.625	error	(5968) json.push(
                    javascript.0	2020-01-26 14:43:30.624	error	(5968) script.js.Alarm.SendTo_Material_Vis: script.js.Alarm.SendTo_Material_Vis:85
                    
                    ScroungerS Offline
                    ScroungerS Offline
                    Scrounger
                    Developer
                    wrote on last edited by
                    #613

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

                    avascript.0	2020-01-26 14:43:30.625	error	(5968) at Script.runInContext (vm.js:133:20)
                    javascript.0	2020-01-26 14:43:30.625	error	(5968) at script.js.Alarm.SendTo_Material_Vis:1:23
                    javascript.0	2020-01-26 14:43:30.625	error	(5968) at Object.materialDesignWidgets.sendTo (script.js.Alarm.SendTo_Material_Vis:85:10)
                    javascript.0	2020-01-26 14:43:30.625	error	(5968) TypeError: json.push is not a function
                    javascript.0	2020-01-26 14:43:30.625	error	(5968) ^
                    javascript.0	2020-01-26 14:43:30.625	error	(5968) json.push(
                    javascript.0	2020-01-26 14:43:30.624	error	(5968) script.js.Alarm.SendTo_Material_Vis: script.js.Alarm.SendTo_Material_Vis:85
                    

                    Das passiert wenn der Datenpunkt leer ist bzw. falsch ist.
                    Hier eine optimierte Variante des Skriptes, das das abfängt.

                    var materialDesignWidgets = {};
                    materialDesignWidgets.sendTo = function (id, text, backgroundColor = '', borderColor = '', icon = '', iconColor = '', fontColor = '') {
                        let json = getState(id).val;
                    
                        if (json) {
                            try {
                                json = JSON.parse(json);
                            } catch (e) {
                                json = [];
                                console.warn('Wert ist kein JSON string! Wert wird ersetzt!');
                            }
                        } else {
                            json = [];
                        }
                    
                        json.push(
                            {
                                text: text,
                                backgroundColor: backgroundColor,
                                borderColor: borderColor,
                                icon: icon,
                                iconColor: iconColor,
                                fontColor: fontColor
                            }
                        )
                    
                        setState(id, JSON.stringify(json), true);
                    }
                    
                    1 Reply Last reply
                    0
                    • ScroungerS Scrounger

                      @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                      @Scrounger
                      hab den Fehler.. Bei der Höhe war 100% eingestellt. Einfach das Feld leer lassen und er passt die Höhe automatisch an und stört oder verdeckt auch nicht mehr die darunter liegenden Elemente

                      Auch ne Möglichkeit, aber das geht inzwischen auch wenns drüber liegt.

                      @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                      @Scrounger
                      Beim Input Widget hab ich noch eine Frage
                      Der Text "Bitte einen Artikel eingeben" lässt sich nicht nach rechts einrücken.

                      df968530-3b55-4315-a43d-8c3e0b2ce854-image.png

                      hab es hier versucht aber ohne erfolg

                      Stimmt, da ist noch nen fehler im styling drin.

                      I Online
                      I Online
                      intruder7
                      wrote on last edited by
                      #614

                      @Scrounger
                      hatte nochmal neu installiert da du ein commit zum input widget gemacht hast.

                      Problem existiert immer noch. Versatz x y hat null Auswirkungen und style ist noch auf left: 0px

                      2cb57987-e287-458a-b744-a803bf99f8f6-image.png

                      ScroungerS 1 Reply Last reply
                      0
                      • I intruder7

                        @Scrounger
                        hatte nochmal neu installiert da du ein commit zum input widget gemacht hast.

                        Problem existiert immer noch. Versatz x y hat null Auswirkungen und style ist noch auf left: 0px

                        2cb57987-e287-458a-b744-a803bf99f8f6-image.png

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

                        @intruder7

                        Funktioniert:
                        9faa3cff-5b48-4c36-8ac5-2a8995bae27f-grafik.png

                        hat auch nix mit dem left zu tun. Die Versatz Einstellung greift nur, wenn etwas im Feld steht und das Label nach oben wandert.

                        I O 2 Replies Last reply
                        0
                        • B Offline
                          B Offline
                          BobBruni
                          wrote on last edited by
                          #616

                          @Scrounger

                          Gibt es im Masonry-View die Möglichkeit die Höhe des Views variable zu gestalten?

                          Hintergrund:
                          Ich lasse mir in einer HTML-Card einen Liste mit Räumen, in den Licht brennt, anzeigen. Durch den automatischen Zeilenumbruch ändert sich die Höhe der Card.

                          1 Reply Last reply
                          0
                          • ScroungerS Scrounger

                            Folgendes Skript könnt ihr euch als gobales Skript speichern

                            var materialDesignWidgets = {};
                            materialDesignWidgets.sendTo = function (id, text, backgroundColor = '', borderColor = '', icon = '', iconColor = '', fontColor = '') {
                                let json = getState(id).val;
                            
                                json = JSON.parse(json);
                            
                                json.push(
                                    {
                                        text: text,
                                        backgroundColor: backgroundColor,
                                        borderColor: borderColor,
                                        icon: icon,
                                        iconColor: iconColor,
                                        fontColor: fontColor
                                    }
                                )
                            
                                setState(id, JSON.stringify(json), true);
                            }
                            

                            und dann in anderen skripten mit

                            materialDesignWidgets.sendTo('0_userdata.0.materialdesignwidgets.alerts.json', 'neuer Text', 'red');
                            

                            neue narichten schicken.

                            @Mr-Oz sagte in Test Adapter Material Design Widgets v0.2.x:

                            seit der Version 0.2.32 / 0.2.40 funktioniert das vibrieren auf Mobilgeräten nicht mehr. Muss man da noch was beachten/umstellen?

                            Kann ich nicht bestätigen. Welcher Browser? Welches Widget? Was steht in der console des browsers?

                            @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                            Fehler bisher... Sollte der Text länger als die Breite sein, schreibt er ihn über das Widget hinaus und der Bestätigungsbutton ist auch weg
                            Alles was an Buttons hinter dem Widget liegt ist nicht mehr bedienbar. Auch wenn keine Alerts angezeigt werden.

                            Hab ich behoben. Zeilenumbruch funktioniert aber nur nach wörtern!

                            M Offline
                            M Offline
                            Mr.Oz
                            wrote on last edited by
                            #617

                            @Mr-Oz sagte in Test Adapter Material Design Widgets v0.2.x:

                            seit der Version 0.2.32 / 0.2.40 funktioniert das vibrieren auf Mobilgeräten nicht mehr. Muss man da noch was beachten/umstellen?

                            Kann ich nicht bestätigen. Welcher Browser? Welches Widget? Was steht in der console des browsers?

                            Hi,
                            habe ein Huawei P30 Pro. Habe es mit Chrome und Huawei Browser probiert. In der Version vor 0.2.32 hat es funktioniert. Beispiel in der Top App Bar. Eingestellt ist es auf standard 50 ms.

                            Ich habe letztens da Android 10 update bekommen. Vielleicht liegt es auch daran. Wenn du mir sagst wie ich im Handy die Console öffne dann kann ich dir die Daten liefern.

                            1 Reply Last reply
                            0
                            • D Offline
                              D Offline
                              darkbrain85
                              wrote on last edited by
                              #618

                              Ich habe im Diagramm auf der linken Seite immer eine schwarze Linie.
                              Leider konnte ich bis jetzt nicht herausfinden, wie man diese entfernt.

                              Hat jemand einen Tipp für mich?

                              1e5ddecb-7ec0-47e0-8537-e219b631bb2c-image.png

                              1 Reply Last reply
                              0
                              • ScroungerS Scrounger

                                @intruder7

                                Funktioniert:
                                9faa3cff-5b48-4c36-8ac5-2a8995bae27f-grafik.png

                                hat auch nix mit dem left zu tun. Die Versatz Einstellung greift nur, wenn etwas im Feld steht und das Label nach oben wandert.

                                I Online
                                I Online
                                intruder7
                                wrote on last edited by
                                #619

                                @Scrounger
                                Alles nochmal neu installiert. Geht jetzt :+1:

                                1 Reply Last reply
                                0
                                • I Online
                                  I Online
                                  intruder7
                                  wrote on last edited by intruder7
                                  #620

                                  @Scrounger
                                  Was ist denn da jetzt passiert? Das kommt nachdem man in das Eingabefeld klickt:man-shrugging:

                                  87b5959e-32c0-4950-91b0-714f1965bb3e-image.png

                                  Edit1: aber nur wenn man genau in die Mitte klickt. Im Randbereich nicht

                                  Edit2: arbeite mit einem Surface Tablet. tippe ich das Feld mit einem Finger an funktioniert es. genauso wie an meinen beiden Samsung Tabs auch. Klicke ich aber am Surface mit der Maus da rein kommt diese Anzeige

                                  1 Reply Last reply
                                  0
                                  • L Offline
                                    L Offline
                                    lutzer
                                    wrote on last edited by
                                    #621

                                    Hallo ich habe seit heute im chrome keine Elemente mehr aus dem Adapter. Was eigentlich komisch ist das das nicht gehen soll aus dem eigenen Haus.
                                    Ist das Update Schuld?

                                    1 Reply Last reply
                                    0
                                    • I Online
                                      I Online
                                      intruder7
                                      wrote on last edited by
                                      #622

                                      @Scrounger
                                      ist eigentlich von deiner Seite geplant das List Widget auch dynamisch zu erstellen? Z.b. einen DP als JSON mit den Inhalten.
                                      Szenarios hier
                                      z.B. Durch drücken eines Buttons geht ein View auf in dem alle eingeschalteten Lichter angezeigt werden. Lichtname,Raum und gleich dem entsprechenden Schalter (DP) zum geziehlten Ausschalten.

                                      oder

                                      Einkaufsliste mit gezieltem löschen von erledigten Sachen

                                      Nur mal so. Vielleicht auch als Idee ;-)

                                      ScroungerS 1 Reply Last reply
                                      0
                                      • ScroungerS Scrounger

                                        @intruder7

                                        Funktioniert:
                                        9faa3cff-5b48-4c36-8ac5-2a8995bae27f-grafik.png

                                        hat auch nix mit dem left zu tun. Die Versatz Einstellung greift nur, wenn etwas im Feld steht und das Label nach oben wandert.

                                        O Online
                                        O Online
                                        Oli
                                        wrote on last edited by
                                        #623

                                        @Scrounger

                                        ich habe leider immer noch das Problem, dass ich auf der Navigationsseite keine Popup Fenster öffnen oder Button betätigen kann.

                                        Ein Teil meines Projektes füge ich bei, wäre schön, wenn du es dir mal anschauen könntest.

                                        Bei einem Klick auf Warnungen DWD sollte es eigentlich so aussehen:
                                        dfdda0b6-1e0c-4ff4-976d-1e9ff0f8ee2c-image.png

                                        2020-01-27-Mein.zip

                                        Vielen Dank

                                        Gruß
                                        Oliver

                                        1 Reply Last reply
                                        0
                                        • B Offline
                                          B Offline
                                          BobBruni
                                          wrote on last edited by
                                          #624

                                          Ich möchte gerne meinen Grundriss als Responsive-Card mit Masonry View erstellen.
                                          Leider werden die restlichen Widgets (Lampen) zum Grundriss nicht richtig skaliert / verschoben...

                                          Responsive.png

                                          Kann mir da jemand helfen?

                                          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

                                          731

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          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