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

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    6
    1
    72

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

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

Test Adapter Material Design Widgets v0.2.x

Scheduled Pinned Locked Moved Tester
visadapatervisualizationmaterialwidget
902 Posts 77 Posters 250.7k 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.
  • 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 Offline
      I Offline
      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 Offline
        I Offline
        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 Offline
              I Offline
              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 Offline
                        I Offline
                        intruder7
                        wrote on last edited by
                        #619

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

                        1 Reply Last reply
                        0
                        • I Offline
                          I Offline
                          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 Offline
                              I Offline
                              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 Offline
                                O Offline
                                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
                                  • I intruder7

                                    @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 Offline
                                    ub.privatU Offline
                                    ub.privat
                                    wrote on last edited by
                                    #625

                                    @intruder7

                                    Guten Abend,

                                    hänge mich mal an diesen Post dran. Habe mit dem 'Top App navigation drawer' ein ähnliches Problem.
                                    Wenn kein Wert angewählt ist sieht es so aus:
                                    6cdfe362-2956-4d84-9cc0-22b279099969-grafik.png
                                    WIE BEKOMME ICH "DIMMER" EINGERÜCKT?

                                    Wird eine Auswahl getroffen, dann so:
                                    e4e4629f-a917-43e3-bd40-c9ed8af4a5fb-grafik.png
                                    Ein wirkliches Formatieren ist nur "schwer" möglich.
                                    Stelle hier wie folgt ein:
                                    a9f8890e-1968-41f3-82f2-0e768dca0bce-grafik.png

                                    Desweiteren wirde ich gern den Scrollbalken weg bekommen!?
                                    270c6a7b-eedb-4ada-b649-10c91853f271-grafik.png
                                    Ist das möglich?

                                    Vielleicht hast du oder @Scrounger eine helfende Idee?

                                    Was noch von mir erwähnt werden muss: "MATERIAL DESIGN WIDGÈTS" ist wohl derzeit für mich das Beste, was die VIS hergibt... :+1: :+1: :+1:

                                    Beste Grüße ....

                                    ub.privatU 1 Reply Last reply
                                    0
                                    • T Offline
                                      T Offline
                                      tazdevil20
                                      wrote on last edited by
                                      #626

                                      @Scrounger
                                      Ich hätte da mal wieder eine Idee die evtl. Umgesetzt werden könnte.
                                      Im History Chart würde ich gerne nur den letzten Wert angezeigt bekommen. Diese Option gibt es natürlich nicht, aber ist es möglich diese Option zu implementieren?
                                      Ist geplant auch eine History Table zu implementieren?

                                      1 Reply Last reply
                                      0
                                      • ub.privatU ub.privat

                                        @intruder7

                                        Guten Abend,

                                        hänge mich mal an diesen Post dran. Habe mit dem 'Top App navigation drawer' ein ähnliches Problem.
                                        Wenn kein Wert angewählt ist sieht es so aus:
                                        6cdfe362-2956-4d84-9cc0-22b279099969-grafik.png
                                        WIE BEKOMME ICH "DIMMER" EINGERÜCKT?

                                        Wird eine Auswahl getroffen, dann so:
                                        e4e4629f-a917-43e3-bd40-c9ed8af4a5fb-grafik.png
                                        Ein wirkliches Formatieren ist nur "schwer" möglich.
                                        Stelle hier wie folgt ein:
                                        a9f8890e-1968-41f3-82f2-0e768dca0bce-grafik.png

                                        Desweiteren wirde ich gern den Scrollbalken weg bekommen!?
                                        270c6a7b-eedb-4ada-b649-10c91853f271-grafik.png
                                        Ist das möglich?

                                        Vielleicht hast du oder @Scrounger eine helfende Idee?

                                        Was noch von mir erwähnt werden muss: "MATERIAL DESIGN WIDGÈTS" ist wohl derzeit für mich das Beste, was die VIS hergibt... :+1: :+1: :+1:

                                        Beste Grüße ....

                                        ub.privatU Offline
                                        ub.privatU Offline
                                        ub.privat
                                        wrote on last edited by ub.privat
                                        #627

                                        @Scrounger @intruder7

                                        Gelöst - mit Version 0.2.49 schaut es besser aus!

                                        1 Reply Last reply
                                        0
                                        • 0 Offline
                                          0 Offline
                                          0018
                                          wrote on last edited by
                                          #628

                                          @Scrounger Wie schaffe ich es das eine MasonryView scrollbar wird, wenn die darin enthalten Views die Screengröße übersteigt? in dem Beispiel auf iobroker.click ist die MasonryView auch scrollbar, leider schaffe ich das bei meiner nicht....

                                          Mfg
                                          0018

                                          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

                                          568

                                          Online

                                          32.7k

                                          Users

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