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. Hardware
  4. SONOFF NSPanel mit Lovelace UI (TypeScript Version)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    298

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

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

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.2m Views 262 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.
  • Marko1974M Offline
    Marko1974M Offline
    Marko1974
    wrote on last edited by Marko1974
    #5100

    @tt-tom @Armilar
    Ich hab´s mit euren Tipps hinbekommen. Leider ist alles umgekehrt...Habe einen Schieberegler und wenn ich den auf 0% schiebe, ist die Rollade zu ....auf 100% ist sie auf.

    Kann man das vertauschen? ....klar...maxvalue und minvalue vertauschen :-)

    Meinte eher darunter eine Anzeige mit Tasten 40% / 50 % / 60%

    Und wenn die Rollade oben ist Icon auf grün ....ansonsten auf rot.
    Jetzt habe ich Automatisch gelb und rot

    ArmilarA Marko1974M 2 Replies Last reply
    0
    • Marko1974M Marko1974

      @tt-tom @Armilar
      Ich hab´s mit euren Tipps hinbekommen. Leider ist alles umgekehrt...Habe einen Schieberegler und wenn ich den auf 0% schiebe, ist die Rollade zu ....auf 100% ist sie auf.

      Kann man das vertauschen? ....klar...maxvalue und minvalue vertauschen :-)

      Meinte eher darunter eine Anzeige mit Tasten 40% / 50 % / 60%

      Und wenn die Rollade oben ist Icon auf grün ....ansonsten auf rot.
      Jetzt habe ich Automatisch gelb und rot

      ArmilarA Offline
      ArmilarA Offline
      Armilar
      Most Active Forum Testing
      wrote on last edited by
      #5101

      @marko1974

      Meinte eher darunter eine Anzeige mit Tasten 40% / 50 % / 60%

      Es gibt bereits einen Issue im github mit der Anfrage für definierte Positionen als Button.

      Ist aber bisher nie realisiert worden. Ansonsten ebenfalls etwas dazu schreiben...

      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
      https://github.com/joBr99/nspanel-lovelace-ui/wiki

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      1 Reply Last reply
      0
      • E eMd

        Gibt es für die folgende Card eigentlich auch ein Beispiel?

        Screenshot_2024-01-24-15-57-42-696_com.android.chrome-edit.jpg

        MfG
        eMd

        ArmilarA Offline
        ArmilarA Offline
        Armilar
        Most Active Forum Testing
        wrote on last edited by Armilar
        #5102

        @emd sagte in SONOFF NSPanel mit Lovelace UI:

        Gibt es für die folgende Card eigentlich auch ein Beispiel?

        MfG
        eMd

        Suche im Script nach:

        const Sliders2: number = 0;
        

        und ändere die 0 in 1 um.

        Funktioniert aber nur in der DEV TFT

        FlashNextion http://nspanel.pky.eu/lui.tft
        

        Danach ist das Layout der Slider breiter. Ich persönlich finde es nicht so cool - aber Geschmäcker sind ja unterschiedlich :blush:

        d5dde9bc-feb2-4f03-baf8-4d267190c112-Nextion_Editor_A3PmGwQZPL.gif

        Ist noch nicht global parametrierbar, daher erstmal mit dem Umbiegen der Konstante für einen Test...

        Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
        https://github.com/joBr99/nspanel-lovelace-ui/wiki

        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

        1 Reply Last reply
        0
        • Marko1974M Marko1974

          @tt-tom @Armilar
          Ich hab´s mit euren Tipps hinbekommen. Leider ist alles umgekehrt...Habe einen Schieberegler und wenn ich den auf 0% schiebe, ist die Rollade zu ....auf 100% ist sie auf.

          Kann man das vertauschen? ....klar...maxvalue und minvalue vertauschen :-)

          Meinte eher darunter eine Anzeige mit Tasten 40% / 50 % / 60%

          Und wenn die Rollade oben ist Icon auf grün ....ansonsten auf rot.
          Jetzt habe ich Automatisch gelb und rot

          Marko1974M Offline
          Marko1974M Offline
          Marko1974
          wrote on last edited by
          #5103

          @marko1974

          ah...der Schieberegler für Rollade 0 - 100% geht und ich habe ihn auch vertauscht.
          aber die hoch runter Buttons funktionieren nicht.

          Also hier doch mal die Shelly Datenpunkte

          rol1.jpg
          rol2.jpg
          rol3.jpg

          ArmilarA 1 Reply Last reply
          0
          • Marko1974M Marko1974

            @marko1974

            ah...der Schieberegler für Rollade 0 - 100% geht und ich habe ihn auch vertauscht.
            aber die hoch runter Buttons funktionieren nicht.

            Also hier doch mal die Shelly Datenpunkte

            rol1.jpg
            rol2.jpg
            rol3.jpg

            ArmilarA Offline
            ArmilarA Offline
            Armilar
            Most Active Forum Testing
            wrote on last edited by Armilar
            #5104

            @marko1974
            6684f6cf-eb61-4951-90a8-e1fa9d29ad74-image.png

            liefern alle true --> somit sollte der Alias auf .OPEN und .CLOSE von Haus aus arbeiten...

            Was passiert denn, wenn du über die DP's steuerst?

            Also

            Open, Close und Pause

            cfe5cbcb-a083-4229-9e0d-65526e159655-image.png

            31679e2f-8357-4a0b-acad-b55471759124-image.png

            Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
            https://github.com/joBr99/nspanel-lovelace-ui/wiki

            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            1 Reply Last reply
            0
            • Marko1974M Offline
              Marko1974M Offline
              Marko1974
              wrote on last edited by
              #5105

              @armilar die funktionieren alle, wenn ich per DP steuere. Die Pfeile auf dem Display sind jedoch ohne Funktion.
              Der Schieberegler geht.

              ArmilarA 1 Reply Last reply
              0
              • Marko1974M Marko1974

                @armilar die funktionieren alle, wenn ich per DP steuere. Die Pfeile auf dem Display sind jedoch ohne Funktion.
                Der Schieberegler geht.

                ArmilarA Offline
                ArmilarA Offline
                Armilar
                Most Active Forum Testing
                wrote on last edited by
                #5106

                @marko1974

                Welche Version des Scriptes hast du?

                Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                Marko1974M 1 Reply Last reply
                0
                • ArmilarA Armilar

                  @marko1974

                  Welche Version des Scriptes hast du?

                  Marko1974M Offline
                  Marko1974M Offline
                  Marko1974
                  wrote on last edited by
                  #5107

                  @armilar TypeScript v4.3.3.33

                  ArmilarA 1 Reply Last reply
                  0
                  • Marko1974M Marko1974

                    @armilar TypeScript v4.3.3.33

                    ArmilarA Offline
                    ArmilarA Offline
                    Armilar
                    Most Active Forum Testing
                    wrote on last edited by
                    #5108

                    @marko1974

                    a2d33908-146b-440c-a436-426c9ae8b14e-image.png

                    Dann sind sie wahrscheinlich ausgegraut und funktionieren deshalb nicht...

                    Kopiere den unteren Teil der v.4.3.3.38

                    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    Marko1974M 1 Reply Last reply
                    0
                    • ArmilarA Armilar

                      @marko1974

                      a2d33908-146b-440c-a436-426c9ae8b14e-image.png

                      Dann sind sie wahrscheinlich ausgegraut und funktionieren deshalb nicht...

                      Kopiere den unteren Teil der v.4.3.3.38

                      Marko1974M Offline
                      Marko1974M Offline
                      Marko1974
                      wrote on last edited by Marko1974
                      #5109

                      @armilar Hab ich gemacht und hat direkt funktioniert! :-) Klasse!

                      ArmilarA 1 Reply Last reply
                      1
                      • Marko1974M Marko1974

                        @armilar Hab ich gemacht und hat direkt funktioniert! :-) Klasse!

                        ArmilarA Offline
                        ArmilarA Offline
                        Armilar
                        Most Active Forum Testing
                        wrote on last edited by
                        #5110

                        @marko1974

                        Super... Viel Spaß mit den Jalousien ;-) :blush:

                        Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        Marko1974M 1 Reply Last reply
                        0
                        • ArmilarA Armilar

                          @marko1974

                          Super... Viel Spaß mit den Jalousien ;-) :blush:

                          Marko1974M Offline
                          Marko1974M Offline
                          Marko1974
                          wrote on last edited by
                          #5111

                          @armilar Jetzt sind nur noch die Icon Farben bei offen und komplett geschlossen falsch. D.h. da ist ein Standard drin....gelb und orange.
                          Kann ich die bei 0 % auf grün und bei 100% auf rot bekommen?

                          ArmilarA 1 Reply Last reply
                          0
                          • Marko1974M Marko1974

                            @armilar Jetzt sind nur noch die Icon Farben bei offen und komplett geschlossen falsch. D.h. da ist ein Standard drin....gelb und orange.
                            Kann ich die bei 0 % auf grün und bei 100% auf rot bekommen?

                            ArmilarA Offline
                            ArmilarA Offline
                            Armilar
                            Most Active Forum Testing
                            wrote on last edited by Armilar
                            #5112

                            @marko1974

                            bei mir sind die weiß

                            86074688-45d7-429a-a7c0-c3cfa3d9bbe1-image.png

                            Und aktuell würde ich gerne - aber dann wärs ja kein Bug unbekannter Herkunft ;-)

                            Das ist mein PageItem dazu:

                            { id: 'alias.0.Haus.Erdgeschoss.Buero.Aktoren.Fyrtur', minValueLevel: 1, maxValueLevel: 79, icon: "blinds-horizontal", offColor: HMIOff, onColor: HMIOn, name: 'IKEA Fyrtur' , secondRow: 'Büro Fenster' },
                            

                            Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                            https://github.com/joBr99/nspanel-lovelace-ui/wiki

                            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            Marko1974M 1 Reply Last reply
                            0
                            • ArmilarA Armilar

                              @marko1974

                              bei mir sind die weiß

                              86074688-45d7-429a-a7c0-c3cfa3d9bbe1-image.png

                              Und aktuell würde ich gerne - aber dann wärs ja kein Bug unbekannter Herkunft ;-)

                              Das ist mein PageItem dazu:

                              { id: 'alias.0.Haus.Erdgeschoss.Buero.Aktoren.Fyrtur', minValueLevel: 1, maxValueLevel: 79, icon: "blinds-horizontal", offColor: HMIOff, onColor: HMIOn, name: 'IKEA Fyrtur' , secondRow: 'Büro Fenster' },
                              
                              Marko1974M Offline
                              Marko1974M Offline
                              Marko1974
                              wrote on last edited by
                              #5113

                              @armilar nee die nicht...die hier

                              Rolla .JPG

                              ArmilarA 1 Reply Last reply
                              0
                              • Marko1974M Marko1974

                                @armilar nee die nicht...die hier

                                Rolla .JPG

                                ArmilarA Offline
                                ArmilarA Offline
                                Armilar
                                Most Active Forum Testing
                                wrote on last edited by Armilar
                                #5114

                                @marko1974

                                die werden doch über onColor und offColor definiert...

                                Beispiel:

                                { id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Sensoren.Fenster_links', offColor: MSGreen, onColor: MSRed, name: 'Fenster links'},
                                

                                Sorry die Rolläden... war irgendwie bei Fenstern...

                                wie hast du die überhaupt farbig mit Zuständen gemacht??? Denke es wird bei dem .ACTUAL auf die 0 (gleich false) zugegriffen...

                                Die können oder sollten eigentlich nicht auf Zustände reagieren... Daher ist das bei mir ebenalls weiß... Ist da irgendwo ein useColor im PageItem drin?

                                Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                A Marko1974M 2 Replies Last reply
                                0
                                • ArmilarA Armilar

                                  @marko1974

                                  die werden doch über onColor und offColor definiert...

                                  Beispiel:

                                  { id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Sensoren.Fenster_links', offColor: MSGreen, onColor: MSRed, name: 'Fenster links'},
                                  

                                  Sorry die Rolläden... war irgendwie bei Fenstern...

                                  wie hast du die überhaupt farbig mit Zuständen gemacht??? Denke es wird bei dem .ACTUAL auf die 0 (gleich false) zugegriffen...

                                  Die können oder sollten eigentlich nicht auf Zustände reagieren... Daher ist das bei mir ebenalls weiß... Ist da irgendwo ein useColor im PageItem drin?

                                  A Offline
                                  A Offline
                                  Arnulf
                                  wrote on last edited by
                                  #5115

                                  dumm, dass ich davon kein Foto gemacht habe, aber hattet ihr schon mal auf dem Display den Fehler

                                  "System Date ERROR!"
                                  (blauer Bildschirm, weiße Schrift, 90° in Uhrzeigerrichtung gedreht)
                                  ?

                                  Ich habe gemerkt, dass irgendwie die Bildschirm-Navigation immer langsamer wurde, bis dann olötzlich dieser Fehler erschein.
                                  Tasmota lief noch. Daher kam ich an die Konsole.
                                  MQTT-Kommunikation war auch noch vorhanden.

                                  Ich habe dann den NSPanel-Flash wiederholt.
                                  Interessanterweise wurde der Flash bereits bei 85% begonnen.
                                  Danach läuft wieder alles rund

                                  Sehr seltsam

                                  Marko1974M ArmilarA 2 Replies Last reply
                                  0
                                  • ArmilarA Armilar

                                    @marko1974

                                    die werden doch über onColor und offColor definiert...

                                    Beispiel:

                                    { id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Sensoren.Fenster_links', offColor: MSGreen, onColor: MSRed, name: 'Fenster links'},
                                    

                                    Sorry die Rolläden... war irgendwie bei Fenstern...

                                    wie hast du die überhaupt farbig mit Zuständen gemacht??? Denke es wird bei dem .ACTUAL auf die 0 (gleich false) zugegriffen...

                                    Die können oder sollten eigentlich nicht auf Zustände reagieren... Daher ist das bei mir ebenalls weiß... Ist da irgendwo ein useColor im PageItem drin?

                                    Marko1974M Offline
                                    Marko1974M Offline
                                    Marko1974
                                    wrote on last edited by Marko1974
                                    #5116

                                    @armilar Yo...das hatte ich nun bevor ich es gelesen habe :-)

                                    Gibt es eigentlich eine Übersicht zu den Farben?
                                    ---> Ja im script :face_with_rolling_eyes:

                                    Boar...ich hab so viele Fragen...aber das sprengt den Rahmen.

                                    Muss noch an den Screensaver....die Tonnen zur Abholung da reinbekommen und Rollade und Fenster geschlossen / offen Symbol.

                                    Hast Du auch eine Anwesenheit von Personen mit drin?

                                    ArmilarA 1 Reply Last reply
                                    0
                                    • A Arnulf

                                      dumm, dass ich davon kein Foto gemacht habe, aber hattet ihr schon mal auf dem Display den Fehler

                                      "System Date ERROR!"
                                      (blauer Bildschirm, weiße Schrift, 90° in Uhrzeigerrichtung gedreht)
                                      ?

                                      Ich habe gemerkt, dass irgendwie die Bildschirm-Navigation immer langsamer wurde, bis dann olötzlich dieser Fehler erschein.
                                      Tasmota lief noch. Daher kam ich an die Konsole.
                                      MQTT-Kommunikation war auch noch vorhanden.

                                      Ich habe dann den NSPanel-Flash wiederholt.
                                      Interessanterweise wurde der Flash bereits bei 85% begonnen.
                                      Danach läuft wieder alles rund

                                      Sehr seltsam

                                      Marko1974M Offline
                                      Marko1974M Offline
                                      Marko1974
                                      wrote on last edited by
                                      #5117

                                      @arnulf Ja das hatte ich auch schon 2x....Ich vermute ja mal laienhaft das hängt damit zusammen, wenn man vorher eine andere TFT Version installiert hat. Ich hab einfach die neue drübergebügelt und seitdem läufts stabil

                                      A 1 Reply Last reply
                                      0
                                      • Marko1974M Marko1974

                                        @arnulf Ja das hatte ich auch schon 2x....Ich vermute ja mal laienhaft das hängt damit zusammen, wenn man vorher eine andere TFT Version installiert hat. Ich hab einfach die neue drübergebügelt und seitdem läufts stabil

                                        A Offline
                                        A Offline
                                        Arnulf
                                        wrote on last edited by
                                        #5118

                                        @marko1974
                                        Ich habe das gestern erst mit der neusten Version installiert.
                                        Sollte also nicht an einem Versonssprung liegen (oder macht er einen Auto-Update und es kam gerade eine neue Version raus?)

                                        ArmilarA 1 Reply Last reply
                                        0
                                        • A Arnulf

                                          dumm, dass ich davon kein Foto gemacht habe, aber hattet ihr schon mal auf dem Display den Fehler

                                          "System Date ERROR!"
                                          (blauer Bildschirm, weiße Schrift, 90° in Uhrzeigerrichtung gedreht)
                                          ?

                                          Ich habe gemerkt, dass irgendwie die Bildschirm-Navigation immer langsamer wurde, bis dann olötzlich dieser Fehler erschein.
                                          Tasmota lief noch. Daher kam ich an die Konsole.
                                          MQTT-Kommunikation war auch noch vorhanden.

                                          Ich habe dann den NSPanel-Flash wiederholt.
                                          Interessanterweise wurde der Flash bereits bei 85% begonnen.
                                          Danach läuft wieder alles rund

                                          Sehr seltsam

                                          ArmilarA Offline
                                          ArmilarA Offline
                                          Armilar
                                          Most Active Forum Testing
                                          wrote on last edited by Armilar
                                          #5119

                                          @arnulf

                                          Nee ist nicht seltsam. Der Berry-Driver erkennt die Version und läd nur noch die letzen Bits und Bytes die fehlen...

                                          Kann z.B. bei einem Update passieren oder bei einem WLAN-Leck...

                                          Dann einfach das TFT Flash wiederholen und alles ist hübsch...

                                          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                          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

                                          402

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          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