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

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

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.1k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    2.9k

Test Adapter Material Design Widgets v0.5.x

Geplant Angeheftet Gesperrt Verschoben Tester
adaptermaterialmaterial design widgetsvisvisualisationwidget
110 Beiträge 22 Kommentatoren 18.8k Aufrufe 38 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.
  • ScroungerS Scrounger
    Aktuelle Test Version 0.5.0-beta
    Veröffentlichungsdatum 13.02.2020
    Github Link https://github.com/Scrounger/ioBroker.vis-materialdesign

    Version 0.5.0-beta zum Testen freigegeben.
    Installation müsst ihr direkt von github machen. Ins Latest kommt es sobald die groben Schnitzer raus sind.

    Was gibts neues bzw. was sind die größten Änderungen:

    1. zwei Breaking Changes gibt es:

    • Table Widget: Control Elements enfernt, verwendet anstatt dessen die neuen HTML Widgets
    • List Widget: bei Verwendung eines json strings, muss dieser jetzt über einen datenpunkt geliefert werden - Eingabe per VIS Editor wurde entfernt.

    2. Theme Editor: Bindings Methode geändert
    Da die Performance mit vielen Bindings nicht gut ist, hab ich die Methode geändert. D.h. es werden jetzt nur noch die Theme Datenpunkte geladen bzw. abonnierte, die ihr auch wirklich verwendet. Diese Methode funktioniert aber nur mit den MD-Widgets. Für alle anderen Widgets könnt ihr nach wie vor Bindings verwenden.

    Um Eure existierenden Widgets umzustellen, einfach im Vis Editor den Button c0e6e77b-9acc-4405-909e-0bcf86ae8b77-grafik.png drücken.

    Danach steht dann z.B. beim HTML Card Hintergrund nicht mehr {mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.background;dark:vis-materialdesign.0.colors.dark.card.background; mode === "true" ? dark : light} sondern #mdwTheme:vis-materialdesign.0.colors.card.background

    D.h. jede Wigdet-Eigenschaft (Farbe, Schriftart, Schriftgröße) sollte danach mit #mdwTheme: beginnen, daran erkennt ihr das die neue Technik verwendet wird.

    Wenn sich jetzt die Datenpunkte vis-materialdesign.0.colors.darkTheme oder vis-materialdesign.0.lastchange ändern, dann werden auch die Änderungen an den Widgets sichtbar.

    Mehr dazu wie immer in der Dokumentation

    3. HTML Widgets
    Ihr könnt jetzt jedes Control Widget (Button, Slider, Progess, etc.) als HTML Widget nutzen. D.h. ihr könnt überall wo Widgets HTML Eingaben erlauben, ganz individuell buttons, slider, etc. einfügen.

    Beispielsweise könnt ihr damit Euer ganz individuelles List Widget mit verschiedenen Controls erstellen:
    html_widget_example_list.gif

    Oder es fehlen Euch weitere Control Elemente in der IconList, einfach per HTML Widgets hinzufügen:
    526e4f45-defc-424c-b1ee-c73d8e51663f-grafik.png
    (Update zum AdapterStatus Skript kommt ;-) )

    Oder Controls in nicht Material Design Widgets integrieren:
    html_widget_example_non_mdw_widget.gif

    Weiterer Vorteil ist - wenn ihr ein bissle html könnt - könnt ihr ein noch besseres resposiv layout erstellen, z.B. pakt verschiedene Controls in eine HTML Card.

    Oder man kann damit Vorlagen für z.B. Heizungs-, Lichtsteuerung, etc. erstellen, die Ihr mit der Community teilen könnt.

    Entwickler können diese Technik z.B. benutzen um relativ einfach Widgets für Ihre Adapter zu bauen ohne Control Elemente selbst programmieren zu müssen. Wer hier Infos braucht einfach auf mich zu kommen.

    Mehr dazu wie immer in der Dokumentation

    4. Neues Widget: Value
    value.gif

    Sehr simples Widget mit dem Ihr euch Werte anzeigen lassen, umrechnen oder umwandeln könnt. Kombiniert als HTML Widget, kann dieses als Alternative für Bindings genutzt werden, vorteil ist eine bessere performance.
    Allerdings sind die Umwandlungsmöglichkeiten / Bedingung nicht so umfangreich wie das mit Bindings geht. Wenn Euch hier was fehlt, dann einfach bescheid geben und ich schau ob man das integrieren kann.

    Mehr dazu wie immer in der Dokumentation

    5. Dokumentation überarbeitet
    Ich hab die Dokumentation komplett überarbeitet - war natürlich wie immer mega ätzend ;-)

    Es gibt jetzt ein Inhaltsverzeichnis und die Struktur ist fast immer gleich aufgebaut.

    Das sind die Hauptpunkte, bin auf Euer Feedback gespannt! :-)

    O Offline
    O Offline
    Oli
    schrieb am zuletzt editiert von Oli
    #2

    @scrounger

    ist ja noch ziemlich ruhig hier, dann mach ich mal den Anfang. Erstmal nochmals Danke für den super Adapter.
    Bin gerade beim Umstellen meiner Widgets auf die neue Version, dabei ist mir folgendes aufgefallen:

    Icon List Widget:

    1. Textfarbe wird nicht übernommen
    2. Untertextfarbe wird nicht übernommen

    Button State

    1. Schriftfarbe wird nicht übernommen

    Dialog

    1. Farbe für Trennline wird nicht übernommen

    Chart

    1. Hintergrundfarbe Diagramm wird nicht übernommen

    Select

    1. Textfarbe wird nicht übernommen
    2. Randfarbe und Randfarbe hover wird nicht übernommen

    Value
    hier wird gar nichts übernommen

    Gruß
    Oliver

    ScroungerS 1 Antwort Letzte Antwort
    0
    • O Oli

      @scrounger

      ist ja noch ziemlich ruhig hier, dann mach ich mal den Anfang. Erstmal nochmals Danke für den super Adapter.
      Bin gerade beim Umstellen meiner Widgets auf die neue Version, dabei ist mir folgendes aufgefallen:

      Icon List Widget:

      1. Textfarbe wird nicht übernommen
      2. Untertextfarbe wird nicht übernommen

      Button State

      1. Schriftfarbe wird nicht übernommen

      Dialog

      1. Farbe für Trennline wird nicht übernommen

      Chart

      1. Hintergrundfarbe Diagramm wird nicht übernommen

      Select

      1. Textfarbe wird nicht übernommen
      2. Randfarbe und Randfarbe hover wird nicht übernommen

      Value
      hier wird gar nichts übernommen

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

      @oli
      Geh mal in die Adapter Einstellungen, da sollte direkt nach dem Laden der speichern button bedienbar sein und dann einmal speichern.

      Sollte das nicht funktionieren, dann auf allen Reitern zurücksetzen button drücken und danach speichern.

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

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

      O 1 Antwort Letzte Antwort
      0
      • ScroungerS Scrounger

        @oli
        Geh mal in die Adapter Einstellungen, da sollte direkt nach dem Laden der speichern button bedienbar sein und dann einmal speichern.

        Sollte das nicht funktionieren, dann auf allen Reitern zurücksetzen button drücken und danach speichern.

        O Offline
        O Offline
        Oli
        schrieb am zuletzt editiert von
        #4

        @scrounger

        ich habe die Farben schon mehrmals geändert und gespeichert

        Gruß
        Oliver

        ScroungerS 1 Antwort Letzte Antwort
        0
        • O Oli

          @scrounger

          ich habe die Farben schon mehrmals geändert und gespeichert

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

          @oli
          Dann bitte mal den zurücksetzen button auf ellen reitern drücken und danach speichern.

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

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

          O 1 Antwort Letzte Antwort
          0
          • ScroungerS Scrounger

            @oli
            Dann bitte mal den zurücksetzen button auf ellen reitern drücken und danach speichern.

            O Offline
            O Offline
            Oli
            schrieb am zuletzt editiert von
            #6

            @scrounger
            hat leider auch nicht funktioniert

            Gruß
            Oliver

            ScroungerS 1 Antwort Letzte Antwort
            0
            • O Oli

              @scrounger
              hat leider auch nicht funktioniert

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

              @oli
              was steht in der browser console (F12)?
              Mach nen export von nem Widget wo es nicht geht.

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

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

              O 1 Antwort Letzte Antwort
              0
              • ScroungerS Scrounger

                @oli
                was steht in der browser console (F12)?
                Mach nen export von nem Widget wo es nicht geht.

                O Offline
                O Offline
                Oli
                schrieb am zuletzt editiert von
                #8

                @scrounger

                sorry mein Fehler, hatte den darkTheme aktiviert, jetzt scheint es zu funktionieren

                Gruß
                Oliver

                ScroungerS 1 Antwort Letzte Antwort
                0
                • O Oli

                  @scrounger

                  sorry mein Fehler, hatte den darkTheme aktiviert, jetzt scheint es zu funktionieren

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

                  @oli
                  dark theme aktiv und light colors geändert - kenn ich zu gut ;-)

                  Wenn dir beim dark theme farben aufallen, die standardmäßig überhaupt nicht passen, wäre es super wenn du mir die mitteilst. Hab die Fraben fürs dark theme kaum geprüft, da ich es nicht benutze.

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

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

                  O 1 Antwort Letzte Antwort
                  0
                  • ScroungerS Scrounger

                    @oli
                    dark theme aktiv und light colors geändert - kenn ich zu gut ;-)

                    Wenn dir beim dark theme farben aufallen, die standardmäßig überhaupt nicht passen, wäre es super wenn du mir die mitteilst. Hab die Fraben fürs dark theme kaum geprüft, da ich es nicht benutze.

                    O Offline
                    O Offline
                    Oli
                    schrieb am zuletzt editiert von
                    #10

                    @scrounger

                    mache ich, habe jetzt allerdings erstmal auf false gesetzt. Ich habe in deiner Beschreibung gesehen, dass du für den Adapterstatus eine neue Darstellung, mit zusätzlichen Buttons hast. Stellst du das neue Script wieder zur Verfügung?

                    Gruß
                    Oliver

                    ScroungerS 1 Antwort Letzte Antwort
                    0
                    • O Oli

                      @scrounger

                      mache ich, habe jetzt allerdings erstmal auf false gesetzt. Ich habe in deiner Beschreibung gesehen, dass du für den Adapterstatus eine neue Darstellung, mit zusätzlichen Buttons hast. Stellst du das neue Script wieder zur Verfügung?

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

                      @oli
                      ja da bastel ich grad noch dran rum. Gibts dann sobald die v0.5.0 im latest ist.
                      Wird das erste Beispiel sein, wo man den Einsatz der HTML Widgets sehr gut sieht und das neue value widget als ersatz für bidnings.

                      Hier mal ein kleiner vorgeschmack:
                      35a0fcc6-077e-493f-ba07-43d90e4eff93-grafik.png

                      b747b005-3888-4579-9e27-154f52e0a35f-grafik.png

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

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

                      O 2 Antworten Letzte Antwort
                      0
                      • ScroungerS Scrounger

                        @oli
                        ja da bastel ich grad noch dran rum. Gibts dann sobald die v0.5.0 im latest ist.
                        Wird das erste Beispiel sein, wo man den Einsatz der HTML Widgets sehr gut sieht und das neue value widget als ersatz für bidnings.

                        Hier mal ein kleiner vorgeschmack:
                        35a0fcc6-077e-493f-ba07-43d90e4eff93-grafik.png

                        b747b005-3888-4579-9e27-154f52e0a35f-grafik.png

                        O Offline
                        O Offline
                        Oli
                        schrieb am zuletzt editiert von
                        #12

                        @scrounger

                        ja, genau die meinte ich super, danke dir

                        Gruß
                        Oliver

                        1 Antwort Letzte Antwort
                        0
                        • ScroungerS Scrounger

                          @oli
                          ja da bastel ich grad noch dran rum. Gibts dann sobald die v0.5.0 im latest ist.
                          Wird das erste Beispiel sein, wo man den Einsatz der HTML Widgets sehr gut sieht und das neue value widget als ersatz für bidnings.

                          Hier mal ein kleiner vorgeschmack:
                          35a0fcc6-077e-493f-ba07-43d90e4eff93-grafik.png

                          b747b005-3888-4579-9e27-154f52e0a35f-grafik.png

                          O Offline
                          O Offline
                          Oli
                          schrieb am zuletzt editiert von Oli
                          #13

                          @scrounger

                          jetzt habe ich aber leider doch was gefunden.
                          Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                          57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                          Dann habe ich noch eine Frage zum Value Widget.
                          Wie kann ich Millisekunden in ein Datumsformat umwandeln?

                          Der Original Datenpunkt
                          6ef82f80-c426-468b-855b-78e38a9a9379-image.png

                          Wenn ich in das Fenster "in Dauer umwandeln" folgendes eingebe "DD.MM.YYYY - hh:mm:ss" kommt das dabei heraus:
                          e477e1ad-5ba9-4a94-9236-84bcdfbaefb2-image.png

                          Gruß
                          Oliver

                          ScroungerS 1 Antwort Letzte Antwort
                          0
                          • O Oli

                            @scrounger

                            jetzt habe ich aber leider doch was gefunden.
                            Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                            57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                            Dann habe ich noch eine Frage zum Value Widget.
                            Wie kann ich Millisekunden in ein Datumsformat umwandeln?

                            Der Original Datenpunkt
                            6ef82f80-c426-468b-855b-78e38a9a9379-image.png

                            Wenn ich in das Fenster "in Dauer umwandeln" folgendes eingebe "DD.MM.YYYY - hh:mm:ss" kommt das dabei heraus:
                            e477e1ad-5ba9-4a94-9236-84bcdfbaefb2-image.png

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

                            @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                            jetzt habe ich aber leider doch was gefunden.
                            Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                            57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                            Top, jetzt weiß ich auch endlich warum das close icon nicht angezeigt wird ;-)

                            Wie kann ich Millisekunden in ein Datumsformat umwandeln?

                            Der Original Datenpunkt
                            6ef82f80-c426-468b-855b-78e38a9a9379-image.png

                            Wenn ich in das Fenster "in Dauer umwandeln" folgendes eingebe "DD.MM.YYYY - hh:mm:ss" kommt das dabei heraus:

                            Wie du schreibst möchtest du ein Datum (hier in Form eines Timestamps) formatieren. Das geht mit in Dauer umwandeln nicht, da es Dauer und kein Datum ist.
                            Bau ich ein, gibts dann in der latest version.

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

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

                            M O 2 Antworten Letzte Antwort
                            1
                            • ScroungerS Scrounger

                              @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                              jetzt habe ich aber leider doch was gefunden.
                              Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                              57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                              Top, jetzt weiß ich auch endlich warum das close icon nicht angezeigt wird ;-)

                              Wie kann ich Millisekunden in ein Datumsformat umwandeln?

                              Der Original Datenpunkt
                              6ef82f80-c426-468b-855b-78e38a9a9379-image.png

                              Wenn ich in das Fenster "in Dauer umwandeln" folgendes eingebe "DD.MM.YYYY - hh:mm:ss" kommt das dabei heraus:

                              Wie du schreibst möchtest du ein Datum (hier in Form eines Timestamps) formatieren. Das geht mit in Dauer umwandeln nicht, da es Dauer und kein Datum ist.
                              Bau ich ein, gibts dann in der latest version.

                              M Offline
                              M Offline
                              Marcel85
                              schrieb am zuletzt editiert von
                              #15

                              @scrounger
                              Ich habe scheinbar noch einen Fehler bzw. einen fehlenden DP gefunden.
                              In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.
                              Zumindest finde ich keinen passenden DP, wo ich die Farbe ändern kann.
                              Gruß

                              ScroungerS 2 Antworten Letzte Antwort
                              0
                              • R Offline
                                R Offline
                                Rosi8818
                                schrieb am zuletzt editiert von
                                #16

                                ich hoffe ich darf hier noch für die 0-4 Version was schreiben, der Original Forumsbeitrag ist gesperrt und an die 0.5 trau ich mich noch nicht ran (habe nicht alles verstanden was ich machen muss beim Umstieg, kämpfe noch mit allgemeinen DIngen).

                                Mir geht es um eine generelle Frage, beispielsweise wenn ich ein Dialogwidget des MD einfüge und dort unter Button-Layout -> Bild mit der Maus reinklicke, dauert es fast 3 Minuten bis ich etwas auswählen kann und bekomme die Meldung das mein Raspberry nicht reagiert...warten oder abbrechen kommt dann.

                                Ich vermute das ich zu Anfang viel probiert habe und viel unnütze Bilder/widgets "installiert" habe.
                                Deshalb meine Frage,

                                1. wo liegen die Bilder im Standard die dort dann zur Auswahl stehen (damit ich dort nur das nötigste einstelle)
                                2. wenn ich dazu eine Farbe auswähle, geht das sicher nur bei den MaterialDesign Bildern das diese eingefärbt werden oder auch bei eigenen (bspw. Transparent des Bildes oder das weiss wird eingefärbt)?
                                1 Antwort Letzte Antwort
                                0
                                • M Marcel85

                                  @scrounger
                                  Ich habe scheinbar noch einen Fehler bzw. einen fehlenden DP gefunden.
                                  In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.
                                  Zumindest finde ich keinen passenden DP, wo ich die Farbe ändern kann.
                                  Gruß

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

                                  @marcel85 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                  @scrounger
                                  Ich habe scheinbar noch einen Fehler bzw. einen fehlenden DP gefunden.
                                  In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.

                                  Ok muss ich mir anschauen.

                                  @rosi8818 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                  ich hoffe ich darf hier noch für die 0-4 Version was schreiben, der Original Forumsbeitrag ist gesperrt und an die 0.5 trau ich mich noch nicht ran (habe nicht alles verstanden was ich machen muss beim Umstieg, kämpfe noch mit allgemeinen DIngen).

                                  Ich kann dir nur Empfehlen geh auf die 0.5.0 Version, hier sind einige Fehler behoben und das ganze ist performanter. Bis auf die 2 Breacking Changes von oben wird alles noch funktionieren.

                                  Mir geht es um eine generelle Frage, beispielsweise wenn ich ein Dialogwidget des MD einfüge und dort unter Button-Layout -> Bild mit der Maus reinklicke, dauert es fast 3 Minuten bis ich etwas auswählen kann und bekomme die Meldung das mein Raspberry nicht reagiert...warten oder abbrechen kommt dann.

                                  Ich vermute das ich zu Anfang viel probiert habe und viel unnütze Bilder/widgets "installiert" habe.

                                  Ne denke das der Raspberry zu schwach ist. Die Icons sind keine Bilder sondern eine Schriftart. Das sind in Summer über 7.000 Icons und das dauert halt bis der die im Auswahlfeld geladen hat. Ich schau mal ob ich das noch optimieren kann.

                                  Deshalb meine Frage,

                                  1. wo liegen die Bilder im Standard die dort dann zur Auswahl stehen (damit ich dort nur das nötigste einstelle)

                                  Wie oben geschrieben, nirgends ist eine Schriftart. Du kannst diese aber auch einzlen herunterladen bei https://materialdesignicons.com/

                                  1. wenn ich dazu eine Farbe auswähle, geht das sicher nur bei den MaterialDesign Bildern das diese eingefärbt werden oder auch bei eigenen (bspw. Transparent des Bildes oder das weiss wird eingefärbt)?

                                  Nein nur bei den Material Design Icons, da es eine Schritfart ist, steht auch in der Doku

                                  <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
                                  1
                                  • M Marcel85

                                    @scrounger
                                    Ich habe scheinbar noch einen Fehler bzw. einen fehlenden DP gefunden.
                                    In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.
                                    Zumindest finde ich keinen passenden DP, wo ich die Farbe ändern kann.
                                    Gruß

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

                                    @marcel85 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                    In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.
                                    Zumindest finde ich keinen passenden DP, wo ich die Farbe ändern kann.

                                    Theme Editor:
                                    2d80ede1-c754-4e12-ab97-75bf982ab93e-grafik.png

                                    oder direkt am Widget:
                                    c35d08d3-b8b4-4afc-adec-2b3cd5dd9ce5-grafik.png

                                    @scrounger sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                    @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                    jetzt habe ich aber leider doch was gefunden.
                                    Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                                    57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                                    Top, jetzt weiß ich auch endlich warum das close icon nicht angezeigt wird ;-)

                                    Ist gefixt, musst es aber manuell raus löschen, da ich es im default leider falsch eingetragen habe.

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

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

                                    M 1 Antwort Letzte Antwort
                                    0
                                    • ScroungerS Scrounger

                                      @marcel85 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                      In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.
                                      Zumindest finde ich keinen passenden DP, wo ich die Farbe ändern kann.

                                      Theme Editor:
                                      2d80ede1-c754-4e12-ab97-75bf982ab93e-grafik.png

                                      oder direkt am Widget:
                                      c35d08d3-b8b4-4afc-adec-2b3cd5dd9ce5-grafik.png

                                      @scrounger sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                      @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                      jetzt habe ich aber leider doch was gefunden.
                                      Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                                      57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                                      Top, jetzt weiß ich auch endlich warum das close icon nicht angezeigt wird ;-)

                                      Ist gefixt, musst es aber manuell raus löschen, da ich es im default leider falsch eingetragen habe.

                                      M Offline
                                      M Offline
                                      Marcel85
                                      schrieb am zuletzt editiert von
                                      #19

                                      @scrounger sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                      @marcel85 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                      In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.
                                      Zumindest finde ich keinen passenden DP, wo ich die Farbe ändern kann.

                                      Theme Editor:
                                      2d80ede1-c754-4e12-ab97-75bf982ab93e-grafik.png

                                      oder direkt am Widget:
                                      c35d08d3-b8b4-4afc-adec-2b3cd5dd9ce5-grafik.png

                                      @scrounger sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                      @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                      jetzt habe ich aber leider doch was gefunden.
                                      Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                                      57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                                      Top, jetzt weiß ich auch endlich warum das close icon nicht angezeigt wird ;-)

                                      Ist gefixt, musst es aber manuell raus löschen, da ich es im default leider falsch eingetragen habe.

                                      @Scrounger
                                      Der DP bezieht sich aber auf die Header-Textfarbe, nicht auf die Headerfarbe (Background).

                                      ScroungerS 1 Antwort Letzte Antwort
                                      0
                                      • ScroungerS Scrounger

                                        @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                        jetzt habe ich aber leider doch was gefunden.
                                        Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                                        57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                                        Top, jetzt weiß ich auch endlich warum das close icon nicht angezeigt wird ;-)

                                        Wie kann ich Millisekunden in ein Datumsformat umwandeln?

                                        Der Original Datenpunkt
                                        6ef82f80-c426-468b-855b-78e38a9a9379-image.png

                                        Wenn ich in das Fenster "in Dauer umwandeln" folgendes eingebe "DD.MM.YYYY - hh:mm:ss" kommt das dabei heraus:

                                        Wie du schreibst möchtest du ein Datum (hier in Form eines Timestamps) formatieren. Das geht mit in Dauer umwandeln nicht, da es Dauer und kein Datum ist.
                                        Bau ich ein, gibts dann in der latest version.

                                        O Offline
                                        O Offline
                                        Oli
                                        schrieb am zuletzt editiert von
                                        #20

                                        @scrounger
                                        Super danke

                                        Gruß
                                        Oliver

                                        1 Antwort Letzte Antwort
                                        0
                                        • M Marcel85

                                          @scrounger sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                          @marcel85 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                          In deinem Beispiel "List with HTML Widgets" (materialdesign - List; listlayout: Card) lässt sich die Headerfarbe (Card) nicht ändern.
                                          Zumindest finde ich keinen passenden DP, wo ich die Farbe ändern kann.

                                          Theme Editor:
                                          2d80ede1-c754-4e12-ab97-75bf982ab93e-grafik.png

                                          oder direkt am Widget:
                                          c35d08d3-b8b4-4afc-adec-2b3cd5dd9ce5-grafik.png

                                          @scrounger sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                          @oli sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                          jetzt habe ich aber leider doch was gefunden.
                                          Beim Dialog Widget wird der markierte Punkt nicht mit überschrieben
                                          57930ea9-85e5-49d5-ac98-103284b78c49-image.png

                                          Top, jetzt weiß ich auch endlich warum das close icon nicht angezeigt wird ;-)

                                          Ist gefixt, musst es aber manuell raus löschen, da ich es im default leider falsch eingetragen habe.

                                          @Scrounger
                                          Der DP bezieht sich aber auf die Header-Textfarbe, nicht auf die Headerfarbe (Background).

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

                                          @marcel85 sagte in Test Adapter Material Design Widgets v0.5.0-beta:

                                          @Scrounger
                                          Der DP bezieht sich aber auf die Header-Textfarbe, nicht auf die Headerfarbe (Background).

                                          Stimmt background für header gibt es nicht genauso wie background für die ganze liste.
                                          Ich werde background für die ganze Liste einbauen, damit kann man auch den bg der header beeinflussen.

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

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

                                          O 2 Antworten Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          856

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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