Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    199

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

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

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 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.
  • Meister-xM Meister-x

    @armilar
    klingt klasse , vielen Dank .
    Komm leider erst morgen zum testen..
    Wirklich einmalig deine Hilfen und Lösungen !!

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

    @meister-x

    Na immer wieder gerne 😊

    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.

    ArmilarA 1 Reply Last reply
    0
    • ArmilarA Armilar

      @meister-x

      Na immer wieder gerne 😊

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

      26b312e6-5ff0-40f4-b1e5-57702242a165-image.png

      Update auf v3.8.3

      FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.8.3.tft
      

      Diese Release beinhaltet:

      • neue Funktionen des Volumio-Media-Players
      • die Vorbereitung für die carLCharts (Linien Diagramme siehe Vorschau unten)
      • Funktionen für den "echten Taster" (Mono-Button)
      • Hotfix für die farbigen Licht-Typen (Funktion Off)
      • Das €-Zeichen in Strings
      • Individuelle Navigations-Icons bei parent/prev/next/home

      Update-Anleitung (von v3.8.1 ausgehend):

      • Unteren Teil (ab hier keine Änderungen...) komplett ersetzen.
      • In den Variablen muss eine Änderung vorgenommen werden
        • die 1 Zeile der Variable jeder Seite muss von:

          let Test_Licht1: PageEntities =
          

          in

          let Test_Licht1 = <PageEntities>
          

          geändert werden.
          also:

          let Variablenname = <Seitentyp>

          Dadurch ergeben sich folgende Vorteile:

          Es müssen nicht mehr alle Seitenparameter angegeben werden, wie z.B.:

           let CardPowerExample = <PagePower>
              {
                  'type': 'cardPower',
                  'heading': 'cardPower Emulator',
                  'items': [
                      <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
                  ]
              };
          

          d.h. alle optionalen Seitenparameter mit undefined oder false können entfallen.

          Zusätzlich können weitere Typen verwendet werden:

          
               let CardPowerExample = <PagePower>
                  {
                      'type': 'cardPower',
                      'heading': 'cardPower Emulator',
                      'useColor': true oder false
                      'subPage': true oder false
                      'parent': undefined oder Page
                      'parentIcon': undefined oder Icon als String, z.B. 'alert'
                      'prev': undefined oder 'Page'
                      'prevIcon': undefined oder Icon als String
                      'next': undefined oder 'Page'
                      'nextIcon': undefined oder Icon als String
                      'home': undefined oder 'Page' 
                      'homeIcon': undefined oder Icon als String
                      'items': [
                          <PageItem>{ id: 'alias.0.NSPanel_1.Power.PowerCard' },
                      ]
                  };
          

      Das TS-Script v3.8.3 findet ihr hier:
      https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

      Mit v3.9.0 kommt demnächst die carLChart hinzu (aktuell noch nicht in der stable TFT):
      71ebf5ae-55ae-48d5-b3f8-a873b660d6c4-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
      3
      • M Online
        M Online
        mading
        wrote on last edited by
        #1695

        das NSPanel und der CP2102 sind da. Nun habe ich nach dem Auspacken gemerkt, dass ich noch die Header-Leiste benötige, das lag dem Adapter nicht bei, mit dem ich den CP mit der Platine verbinden kann. Das wäre ja sowas: https://www.amazon.de/IZOKEE-Männlich-Stiftleiste-Buchsenleiste-Lochrasterplatine/dp/B07DBY753C/ref=sr_1_15?__mk_de_DE=ÅMÅŽÕÑ&keywords=header+leiste&qid=1673609536&sr=8-15

        Passt das?

        Danke

        J 1 Reply Last reply
        0
        • ArmilarA Offline
          ArmilarA Offline
          Armilar
          Most Active Forum Testing
          wrote on last edited by
          #1696

          @mading

          2.54mm sollte passen

          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
          1
          • N Offline
            N Offline
            niiccooo1
            wrote on last edited by niiccooo1
            #1697

            Hallo Zusammen,

            ich wollte den Nextion-Editor für die Emulation einrichten.
            Habe mich auch an die Anleitung von @joBr99 gehalten.

            Wenn ich im Editor auf Debug drücke, taucht unten links eine Fehlermeldung auf

            Available Memory:3584
            Global Memory:324
            Total size of picture:260,114
            Total size of font:6,545,290
            Page:pageStartup Memory Occupied:324+716=1040
            Page:pageTest Memory Occupied:324+552=876
            Page:pageIcons Memory Occupied:324+28=352
            Page:screensaver Memory Occupied:324+1256=1580
            Page:cardEntities Memory Occupied:324+2676=3000
            Page:cardGrid Memory Occupied:324+2392=2716
            Page:cardMedia Memory Occupied:324+3252=3576
            Page:cardThermo Memory Occupied:324+1864=2188
            Page:cardAlarm Memory Occupied:324+1644=1968
            Page:cardQR Memory Occupied:324+1600=1924
            Error:Invalid number of arguments:qrcode m1.x,m1.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
            Error:Invalid number of arguments:qrcode m0.x,m0.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
            Error:Compile failed! 2 Errors, 0 Warnings,
            

            Was mache ich falsch?

            VG,
            Nico

            1 Reply Last reply
            0
            • ArmilarA Offline
              ArmilarA Offline
              Armilar
              Most Active Forum Testing
              wrote on last edited by
              #1698

              @niiccooo1

              Du machst gar nichts falsch und bist nah am Ziel...

              Der Nextion-Editor hat ne neue uncoole Version bekommen (Bugs)

              https://nextion.tech/download/nextion-setup-v1-63-3.exe
              https://nextion.tech/download/nextion-setup-v1-63-3.zip

              Mit dem sollte es gehen

              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.

              N 1 Reply Last reply
              1
              • ArmilarA Armilar

                @niiccooo1

                Du machst gar nichts falsch und bist nah am Ziel...

                Der Nextion-Editor hat ne neue uncoole Version bekommen (Bugs)

                https://nextion.tech/download/nextion-setup-v1-63-3.exe
                https://nextion.tech/download/nextion-setup-v1-63-3.zip

                Mit dem sollte es gehen

                N Offline
                N Offline
                niiccooo1
                wrote on last edited by
                #1699

                @armilar wie immer eine große Hilfe 🙂

                ArmilarA 1 Reply Last reply
                0
                • N niiccooo1

                  @armilar wie immer eine große Hilfe 🙂

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

                  @niiccooo1

                  Problem hatte ich auch zum Jahreswechsel 😉

                  Einfach keine Updates machen. Ansonsten würde die cardQR einen zusätzlichen Rand von 8 benötigen.

                  qrcode 8,m1.x,m1.y,200,6371,65535,-1,vaQR.txt

                  und das bei jedem HMI-Update...

                  Also besser keine Updates auf der v1.63.3 des Nextion-Editors machen - auch wenn er bettelt 😊

                  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
                  • M mading

                    das NSPanel und der CP2102 sind da. Nun habe ich nach dem Auspacken gemerkt, dass ich noch die Header-Leiste benötige, das lag dem Adapter nicht bei, mit dem ich den CP mit der Platine verbinden kann. Das wäre ja sowas: https://www.amazon.de/IZOKEE-Männlich-Stiftleiste-Buchsenleiste-Lochrasterplatine/dp/B07DBY753C/ref=sr_1_15?__mk_de_DE=ÅMÅŽÕÑ&keywords=header+leiste&qid=1673609536&sr=8-15

                    Passt das?

                    Danke

                    J Offline
                    J Offline
                    joBr99
                    wrote on last edited by
                    #1701

                    @mading Du brauchst eigentlich keine Stiftleisten und auflöten brauchst du die auch nicht, wenn du Jumper Kabel hast, die du während dem flashen in die Pins stecken kannst reicht das eigentlich vollkommen.

                    1 Reply Last reply
                    0
                    • J Offline
                      J Offline
                      joBr99
                      wrote on last edited by
                      #1702

                      Update auf die neue HMI Version kommt auch irgendwann, bietet aber aktuell keinen Vorteil und den Nachteil, dass man kein Plan hat was Nextion geändert hat. Die Änderung mit dem qrcode steht zum Beispiel auch in keinen Release Notes.

                      1 Reply Last reply
                      0
                      • F Offline
                        F Offline
                        Frank579
                        wrote on last edited by
                        #1703

                        @armilar
                        Ich habe gerade mal versucht die Abfallview einzurichten, klappt auch soweit, aber .... bei uns ist es so das Papier nur alle 2 Monate kommt, das Skript zeigt aber ja die nächsten 4 Termine an. Wie müsste ich das Skript umbauen das ich für jede Abfallart den Nächsten Termin bekomme. hast du da eine Idee ? Habe schon versucht mit blockly was zu basteln komm aber noch nicht so richtig zum ziel 😞

                        T 1 Reply Last reply
                        0
                        • F Frank579

                          @armilar
                          Ich habe gerade mal versucht die Abfallview einzurichten, klappt auch soweit, aber .... bei uns ist es so das Papier nur alle 2 Monate kommt, das Skript zeigt aber ja die nächsten 4 Termine an. Wie müsste ich das Skript umbauen das ich für jede Abfallart den Nächsten Termin bekomme. hast du da eine Idee ? Habe schon versucht mit blockly was zu basteln komm aber noch nicht so richtig zum ziel 😞

                          T Offline
                          T Offline
                          TT-Tom
                          wrote on last edited by TT-Tom
                          #1704

                          @frank579

                          das Script bringt dir nur die nächsten vier Termine. Der Abfragezeitraum ist bei Ical so eingestellt, dass du mindestens 4 Termine abfragst? Dann wird auch dein Papier Termin irgendwann mit auftauchen.

                          du musst dir ein script bastel was im JSON nach den Event sucht

                          Gruß Tom
                          https://github.com/tt-tom17
                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                          NSPanel Script Wiki
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                          NSPanel Adapter Wiki
                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                          F 1 Reply Last reply
                          0
                          • T TT-Tom

                            @frank579

                            das Script bringt dir nur die nächsten vier Termine. Der Abfragezeitraum ist bei Ical so eingestellt, dass du mindestens 4 Termine abfragst? Dann wird auch dein Papier Termin irgendwann mit auftauchen.

                            du musst dir ein script bastel was im JSON nach den Event sucht

                            F Offline
                            F Offline
                            Frank579
                            wrote on last edited by Frank579
                            #1705

                            @tt-tom ja steht im json drin aktuell an 11. Stelle
                            Ja das dachte ich mir schon komme aber noch nicht weiter. Bekomme das noch nicht so richtig gefiltert, Versuche später mal weiter wenn ich wieder am PC bin ..
                            Das er irgendwann kommt ist mir klar, hätte halt gerne das ich jeweils den nächsten Termin für jede Art angezeigt bekomme..
                            Gleich Mal suchen wie ich das json richtig zerlege und filtere ...

                            T 1 Reply Last reply
                            0
                            • F Frank579

                              @tt-tom ja steht im json drin aktuell an 11. Stelle
                              Ja das dachte ich mir schon komme aber noch nicht weiter. Bekomme das noch nicht so richtig gefiltert, Versuche später mal weiter wenn ich wieder am PC bin ..
                              Das er irgendwann kommt ist mir klar, hätte halt gerne das ich jeweils den nächsten Termin für jede Art angezeigt bekomme..
                              Gleich Mal suchen wie ich das json richtig zerlege und filtere ...

                              T Offline
                              T Offline
                              TT-Tom
                              wrote on last edited by TT-Tom
                              #1706

                              @frank579

                              mal schnell zusammen geklickt aus einen anderen Blockly.

                              EDIT: nochmal angepasst; nach dem Start werden alle Events aufgelistet und wenn das Papier kommt dann auch das datum

                              Bildschirmfoto 2023-01-13 um 18.31.59.png

                              Gruß Tom
                              https://github.com/tt-tom17
                              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                              NSPanel Script Wiki
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki

                              NSPanel Adapter Wiki
                              https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                              F 1 Reply Last reply
                              1
                              • T TT-Tom

                                @frank579

                                mal schnell zusammen geklickt aus einen anderen Blockly.

                                EDIT: nochmal angepasst; nach dem Start werden alle Events aufgelistet und wenn das Papier kommt dann auch das datum

                                Bildschirmfoto 2023-01-13 um 18.31.59.png

                                F Offline
                                F Offline
                                Frank579
                                wrote on last edited by
                                #1707

                                @tt-tom super Danke damit komme ich bestimmt weiter 🙂👍

                                T 1 Reply Last reply
                                0
                                • F Frank579

                                  @tt-tom super Danke damit komme ich bestimmt weiter 🙂👍

                                  T Offline
                                  T Offline
                                  TT-Tom
                                  wrote on last edited by
                                  #1708

                                  @frank579

                                  Falls in deinen Event vor der Abfallsorte noch der Strassenname oder ähnliches steht. Nimm das hier, mit der Zahl kannst du die Zeichen davor abschneiden.

                                  Bildschirmfoto 2023-01-13 um 18.42.12.png

                                  Gruß Tom
                                  https://github.com/tt-tom17
                                  Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                  NSPanel Script Wiki
                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                  NSPanel Adapter Wiki
                                  https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                  C 1 Reply Last reply
                                  0
                                  • R Offline
                                    R Offline
                                    ronny130286
                                    wrote on last edited by
                                    #1709

                                    @niiccooo1 said in SONOFF NSPanel mit Lovelace UI:

                                    Hallo Zusammen,

                                    ich wollte den Nextion-Editor für die Emulation einrichten.
                                    Habe mich auch an die Anleitung von @joBr99 gehalten.

                                    Wenn ich im Editor auf Debug drücke, taucht unten links eine Fehlermeldung auf

                                    Available Memory:3584
                                    Global Memory:324
                                    Total size of picture:260,114
                                    Total size of font:6,545,290
                                    Page:pageStartup Memory Occupied:324+716=1040
                                    Page:pageTest Memory Occupied:324+552=876
                                    Page:pageIcons Memory Occupied:324+28=352
                                    Page:screensaver Memory Occupied:324+1256=1580
                                    Page:cardEntities Memory Occupied:324+2676=3000
                                    Page:cardGrid Memory Occupied:324+2392=2716
                                    Page:cardMedia Memory Occupied:324+3252=3576
                                    Page:cardThermo Memory Occupied:324+1864=2188
                                    Page:cardAlarm Memory Occupied:324+1644=1968
                                    Page:cardQR Memory Occupied:324+1600=1924
                                    Error:Invalid number of arguments:qrcode m1.x,m1.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
                                    Error:Invalid number of arguments:qrcode m0.x,m0.y,200,6371,65535,-1,vaQR.txt( Double click to jump to code)
                                    Error:Compile failed! 2 Errors, 0 Warnings,
                                    

                                    Was mache ich falsch?

                                    VG,
                                    Nico

                                    Anleitung?? Die würde mich auch Interessieren, kannst du den Link mal posten?

                                    @armilar @joBr99
                                    Gibt es eigentlich auch sowas wie ne Referenzhandbuch für das Nextion Display/Editor?

                                    ArmilarA 1 Reply Last reply
                                    0
                                    • D Offline
                                      D Offline
                                      Dieter Kurz
                                      wrote on last edited by Dieter Kurz
                                      #1710

                                      Hallo zusammen,
                                      ich habe ein Panel mit der Version 3.6.0.4 am laufen, nun wollte ich ein zweites Panel mit der aktuellen Version einrichten, Berry Driver 8 und TFT 47 auf dem Panel.
                                      Ich bekomme bereits beim Start des Script folgende Meldung
                                      "javascript.0 (10235) script.js.NSPanels.NSPanel_1: function GeneratePage: Cannot read properties of undefined (reading 'type')" und das Panel bleibt bei "waiting for content ..."
                                      Wer kann mir helfen? Ich stehe auf dem Schlauch 😉
                                      Grüße Dieter

                                      ArmilarA 1 Reply Last reply
                                      0
                                      • T TT-Tom

                                        @frank579

                                        Falls in deinen Event vor der Abfallsorte noch der Strassenname oder ähnliches steht. Nimm das hier, mit der Zahl kannst du die Zeichen davor abschneiden.

                                        Bildschirmfoto 2023-01-13 um 18.42.12.png

                                        C Offline
                                        C Offline
                                        c3b
                                        wrote on last edited by
                                        #1711

                                        @tt-tom @frank579 Hallo zusammen
                                        Das interresiert mich auch. Ich hätte auch gerne alle vier Tonnen angezeigt. Wie hängt denn das blockly mit den events zusammen? Das blockly sollte doch die drei dp im 0.userdata ersetzen.
                                        Das bekomme ich noch nicht ganz zusammen.

                                        LG aus dem Sauerland

                                        T 1 Reply Last reply
                                        0
                                        • C c3b

                                          @tt-tom @frank579 Hallo zusammen
                                          Das interresiert mich auch. Ich hätte auch gerne alle vier Tonnen angezeigt. Wie hängt denn das blockly mit den events zusammen? Das blockly sollte doch die drei dp im 0.userdata ersetzen.
                                          Das bekomme ich noch nicht ganz zusammen.

                                          LG aus dem Sauerland

                                          T Offline
                                          T Offline
                                          TT-Tom
                                          wrote on last edited by TT-Tom
                                          #1712

                                          @c3b

                                          das letzte was ich gepostet habe ist für den Event Papier. Man müsste jetzt hinter dem Letzten Debug ein aktualisiere ... DP setzen und das datum schreiben. DA die anderen Datenpunkte für Event und Farbe immer gleich bleiben, reicht es nur das Datum zu aktualisieren.

                                          Bildschirmfoto 2023-01-13 um 20.03.07.png

                                          das Falls musst du dann für jede Sorte (max 4) machen

                                          EDIT: mir fällt grade auf, da muss noch mehr Logik rein, sonst siehst du nur das letzte Datum was von iCal eingelesen wurde

                                          So läuft es besser und nimmt nur das erste Datum aus dem Kalender.

                                          Bildschirmfoto 2023-01-13 um 20.12.17.png

                                          Gruß Tom
                                          https://github.com/tt-tom17
                                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                          NSPanel Script Wiki
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                          NSPanel Adapter Wiki
                                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                          F 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

                                          163

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe