Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Adaption von Material Design Widgets an MD und mehr Widgets

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Adaption von Material Design Widgets an MD und mehr Widgets

    This topic has been deleted. Only users with topic management privileges can see it.
    • EdgarM
      EdgarM Developer @qqolli last edited by

      Schaue erstmal nach dem ListLight, dann hier ;9

      grüße
      E
      @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

      @EdgarM

      Hallo Edgar,

      hab mal die Material Design Widgets de-installiert und Deine installiert. Sind wirklich gelungen 🙂

      Ein Problem gibt es bei mir mit dem Shutter Widget:

      b8173abb-caa8-4a9b-b38d-b0543c905421-image.png

      Ich kann es auf den View zihen aber nicht sehen, aber es wird angezeigt:

      057bd6fc-1c38-4311-a93d-c78e6d1d7170-image.png

      und ändern kann man es auch:

      469cb8fb-0cd2-4183-968b-0e8d4dadbba0-image.png

      Aber egal was ich einstelle/ändere, es wird nicht angezeigt 😞 Alle anderen Widgets gehen super.

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

        Also,

        das mit dem Licht Schalter ist gelöst.

        Warum allerdings beim Shutter ein Fehler drin ist, da hab ich im Moment null Ahnung.

        Habe es geändert, neu gemacht, zurückgerollt und fast hätte ich noch die Schriftfarbe verändert 😉 und nichts.

        Mache weiter
        E

        EdgarM sigi234 2 Replies Last reply Reply Quote 0
        • EdgarM
          EdgarM Developer @EdgarM last edited by

          Falls mich jemand unterstützen könnte:

          Der Fehler scheint ein Synthax Fehler zu sein:

          Error: can't render tplMaListShutter w00058 on "test_new": instrument.ts:129:69
          Error: 0 - SyntaxError: expected expression, got '>'myEval@http://iobroker:8082/vis/lib/js/can.custom.min.js:64:548 instrument.ts:129:69
          Error: 1 - scan@http://iobroker:8082/vis/lib/js/can.custom.min.js:64:5958 instrument.ts:129:69
          Error: 2 - n@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:366 instrument.ts:129:69
          Error: 3 - n@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:217 instrument.ts:129:69
          Error: 4 - renderer@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:1876 instrument.ts:129:69
          Error: 5 - registerView@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:3843 instrument.ts:129:69
          Error: 6 - o@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:839 instrument.ts:129:69
          Error: 7 - e.__notObserve/<@http://iobroker:8082/vis/lib/js/can.custom.min.js:46:3358 instrument.ts:129:69
          Error: 8 - renderAs@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:3466 instrument.ts:129:69
          Error: 9 - e.template@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:1267 instrument.ts:129:69
          Error: 10 - renderWidget@http://iobroker:8082/vis/js/vis.js:1610:33 instrument.ts:129:69
          Error: 11 - reRenderWidget@http://iobroker:8082/vis/js/vis.js:1043:14 instrument.ts:129:69
          Error: 12 - reRenderWidgetEdit@http://iobroker:8082/vis/js/visEdit.js:4231:14 instrument.ts:129:69
          Error: 13 - inspectWidgets@http://iobroker:8082/vis/js/visEditInspect.js:2464:22 instrument.ts:129:69
          Error: 14 - drop/<@http://iobroker:8082/vis/js/visEdit.js:5191:26 instrument.ts:129:69
          Error: 15 - sentryWrapped@http://iobroker:8082/vis/widgets/materialdesign/lib/raw/sentry/bundle.min.js:2:45604 instrument.ts:129:69
          Error: 16 - 
          

          Ich finde ihn aber ums verrecken nicht.

          Ich habe sogar den funktionierenden Widget LightDim kopiert und die Namen angepasst.

          Im js ist !scheinbar! auch alles ok..

          wäre dankbar für unterstützung

          grüße
          E

          1 Reply Last reply Reply Quote 0
          • sigi234
            sigi234 Forum Testing Most Active @EdgarM last edited by

            @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

            das mit dem Licht Schalter ist gelöst.

            Jupp. Screenshot (398).png

            Kann man die Höhe der Transparenz auch einstellen?

            qqolli 1 Reply Last reply Reply Quote 0
            • qqolli
              qqolli @EdgarM last edited by

              @EdgarM

              Hallo Edgar,

              ausser dem Shutter Widget ist mir noch eine Kleinigkeit aufgefallen bzgl. der Fonts:

              1ece5e08-32fc-4a2c-8d5d-521604b2feec-image.png

              Außer bei ListDoor ist der Font immer Fett. War das so gewollt?

              1 Reply Last reply Reply Quote 0
              • qqolli
                qqolli @sigi234 last edited by

                @sigi234

                Hi Sigi,

                mal ne kurze Frage. Wie hast Du es hinbekommen bei Temperatur und Fenster die Pfeile (hoch/runter/Farbe) und das Schloß (offen/zu) anzeigen zu lassen?

                EdgarM 1 Reply Last reply Reply Quote 0
                • EdgarM
                  EdgarM Developer @qqolli last edited by

                  @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                  @sigi234

                  Hi Sigi,

                  mal ne kurze Frage. Wie hast Du es hinbekommen bei Temperatur und Fenster die Pfeile (hoch/runter/Farbe) und das Schloß (offen/zu) anzeigen zu lassen?

                  Ich denke, er hat es mit der Signalbilder Einstellung gemacht

                  sigi234 1 Reply Last reply Reply Quote 0
                  • qqolli
                    qqolli @EdgarM last edited by

                    @EdgarM

                    Hi Edgar,

                    ich hätte noch eine Anregung oder Anpassung (falls möglich). Wenn ich die ListLightDim benutze geht der Wertebereich von 0 bis 100, was zum dimmen ok ist.

                    Aber wenn ich zum Beispiel die Farbtemperatur meiner Shelly Duo Bulb ändern möchte, geht das nur von 0 bis 100 Kelvin statt von 2700K bis 6500K.

                    Richtig cool wäre, wenn man noch das Min und Max frei anpassen könnte 🙂

                    harrym EdgarM 2 Replies Last reply Reply Quote 0
                    • harrym
                      harrym @qqolli last edited by

                      @qqolli arbeite doch via alias und umrechnen? Farbtemperatur ist eben kein dimmwert.

                      qqolli 1 Reply Last reply Reply Quote 0
                      • EdgarM
                        EdgarM Developer @qqolli last edited by

                        @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                        @EdgarM

                        Hi Edgar,

                        ich hätte noch eine Anregung oder Anpassung (falls möglich). Wenn ich die ListLightDim benutze geht der Wertebereich von 0 bis 100, was zum dimmen ok ist.

                        Aber wenn ich zum Beispiel die Farbtemperatur meiner Shelly Duo Bulb ändern möchte, geht das nur von 0 bis 100 Kelvin statt von 2700K bis 6500K.

                        Richtig cool wäre, wenn man noch das Min und Max frei anpassen könnte 🙂

                        Hi qqolli, vielleicht könnte man einfach ein eigenes Widget dafür machen.Bloß fällt. mir kein Symbol dafür ein.

                        grüße

                        harrym 1 Reply Last reply Reply Quote 0
                        • harrym
                          harrym @EdgarM last edited by

                          @EdgarM farbtemperatur ist ein K wert ... also Temperatur. Im Verkauf kommt ein Thermometer mit T zum Einsatz auf Verpackungen 😉

                          1 Reply Last reply Reply Quote 0
                          • qqolli
                            qqolli @harrym last edited by

                            @harrym

                            Habe ich auch so gemacht, quasi als "Notbehelf" 🙂

                            1 Reply Last reply Reply Quote 0
                            • sigi234
                              sigi234 Forum Testing Most Active @EdgarM last edited by

                              @EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

                              Ich denke, er hat es mit der Signalbilder Einstellung gemacht

                              Ja

                              EdgarM 1 Reply Last reply Reply Quote 0
                              • EdgarM
                                EdgarM Developer @sigi234 last edited by

                                @harrym

                                Hi, Farbtemperatur ist eingebaut, aber noch nicht wiklich schön ( Icon ).

                                Sollte aber funktionieren.

                                Shutter funktioniert immer noch nicht, und ich habe keine Ahnung warum

                                grüße
                                E

                                qqolli 1 Reply Last reply Reply Quote 0
                                • qqolli
                                  qqolli @EdgarM last edited by

                                  @EdgarM

                                  Hallo Edgar,

                                  anbei eine Idee für ein Icon für die Farbtemperatur, habe ich im Netz gefunden und ein bisschen angepasst:

                                  f49d6acd-3fe4-4c3f-894f-91c6b126b2a1-image.png

                                  EdgarM 1 Reply Last reply Reply Quote 0
                                  • EdgarM
                                    EdgarM Developer @qqolli last edited by

                                    @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                                    temperatur, habe ich im Netz gefunden und e

                                    Hmm,

                                    das Icon ist eher ein RGB als ein Farbtemperatur icon.
                                    Ich kann es gerne verwenden, aber wie stelle ich den Unterschied zwischen kalt und warmweiss her?

                                    Kannst du es mir mal zuschicken oder einfach das Icon hier pasten?

                                    grüße
                                    E

                                    harrym qqolli 2 Replies Last reply Reply Quote 0
                                    • harrym
                                      harrym @EdgarM last edited by

                                      @EdgarM kelvin_skala.png

                                      so in etwa? 😉

                                      EdgarM 1 Reply Last reply Reply Quote 1
                                      • EdgarM
                                        EdgarM Developer @harrym last edited by

                                        @harrym perfekt

                                        da_Woody 1 Reply Last reply Reply Quote 0
                                        • qqolli
                                          qqolli @EdgarM last edited by

                                          @EdgarM

                                          Stimmt, aber man könnte statt der Farben auf dem Ring einfach einen Farbkreis erzeugen von warm zu kalt, ähnlich dem Balken von @harrym aber kreisförmig, so das die zur Verfügung stehende Iconfläche optimal ausgenutzt wird.

                                          EdgarM 1 Reply Last reply Reply Quote 0
                                          • EdgarM
                                            EdgarM Developer @qqolli last edited by

                                            @qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

                                            statt der Farben auf dem Ring einfach einen Farbkreis erzeugen von warm zu kalt, ähnlich dem Balken von @harrym aber kreisförmig, so das die zur Verfügung stehende Iconfläche optimal ausgenutzt wird

                                            @qqolli hab es vorhin versucht, aber meine Fähigkeiten liegen eindeutig nicht im Design von Icons 🙂

                                            @harrym Das neue Icon habe ich jetzt mal implementiert mit 3 verschiedenen Stati.

                                            grüße
                                            E

                                            EdgarM 1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            558
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            material design widgets
                                            7
                                            57
                                            4917
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo