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
    226

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

  • 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.
  • T TT-Tom

    @lustig29

    Hast du dir im Wiki mal die Beschreibung zur cardmedia durchgelesen. Dort gibt es auch eine Beschreibung direkt für den Sonos Adapter.
    https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-‐-cardMedia-‐-Der-SONOS-Player

    L Offline
    L Offline
    lustig29
    wrote on last edited by lustig29
    #5508

    Habe jetzt alles angepasst. Jetzt bekomme ich diesen Fehler.

    javascript.0 (75140) script.js.NSPanelTs: TypeScript compilation failed: 'useColor': true, ^ ERROR: Object literal may only specify known properties, and ''useColor'' does not exist in type 'PageMedia'.
    
    let Sonos: PageType =
    {
        'type': 'cardMedia',
        'heading': 'Sonos',
        'useColor': true,
        'items': [{   
                    id: AliasPath + 'Media.PlayerSonos', 
                    adapterPlayerInstance: 'sonos.0.',
                    mediaDevice: '192_168_0_101',
                    speakerList: ['Bad,Büro'],
                    playList: ['Chillout 2021'],
                    colorMediaIcon: colorSonos,
                    colorMediaArtist: Yellow,
                    colorMediaTitle: Yellow,
                    alwaysOnDisplay: true,
                    autoCreateALias: true
                 }]
    };
    
    ArmilarA 1 Reply Last reply
    0
    • L lustig29

      Habe jetzt alles angepasst. Jetzt bekomme ich diesen Fehler.

      javascript.0 (75140) script.js.NSPanelTs: TypeScript compilation failed: 'useColor': true, ^ ERROR: Object literal may only specify known properties, and ''useColor'' does not exist in type 'PageMedia'.
      
      let Sonos: PageType =
      {
          'type': 'cardMedia',
          'heading': 'Sonos',
          'useColor': true,
          'items': [{   
                      id: AliasPath + 'Media.PlayerSonos', 
                      adapterPlayerInstance: 'sonos.0.',
                      mediaDevice: '192_168_0_101',
                      speakerList: ['Bad,Büro'],
                      playList: ['Chillout 2021'],
                      colorMediaIcon: colorSonos,
                      colorMediaArtist: Yellow,
                      colorMediaTitle: Yellow,
                      alwaysOnDisplay: true,
                      autoCreateALias: true
                   }]
      };
      
      ArmilarA Offline
      ArmilarA Offline
      Armilar
      Most Active Forum Testing
      wrote on last edited by Armilar
      #5509

      @lustig29

      die Zeile

       'useColor': true,
      

      muss raus

      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
      • K Kuckuckmann

        @lustig29 sagte in SONOFF NSPanel mit Lovelace UI:

        @armilar Ja, korrekt. Kurzes Drücken: An/Aus
        Langes Drücken: Hell/Dunkel

        Hast du den Dimmer im IoBroker integriert?
        Wenn ja, kannst Du mal die Datenpunkte Screenen und hier posten?

        L Offline
        L Offline
        lustig29
        wrote on last edited by
        #5510

        @kuckuckmann
        Ich würde gerne morgen das Ns Panel im Bad einbauen. Könnte ich dann da nicht den Shelly Dimmer als Schalter einstellen und dann die Helligkeit per Card auf dem Ns Panel schalten?

        K 1 Reply Last reply
        0
        • L lustig29

          @kuckuckmann
          Ich würde gerne morgen das Ns Panel im Bad einbauen. Könnte ich dann da nicht den Shelly Dimmer als Schalter einstellen und dann die Helligkeit per Card auf dem Ns Panel schalten?

          K Offline
          K Offline
          Kuckuckmann
          wrote on last edited by
          #5511

          @lustig29
          Auf einer Card kannst Du das super easy machen. Du brauchst eine CardGrid oder CardEntities und einen Eintrag wie diesen:

          <PageItem>{ id: 'alias.0.Shelly.ShellyDimmer-TST-01', name: 'Shelly Dimmer', minValueBrightness: 0, maxValueBrightness: 100, interpolateColor: true},
          

          Du musst halt einen Alias vom Typ Dimmer anlegen und die DP verlinken:

          c9d5ca85-4db2-4195-8db7-906cf934693c-image.png

          NSPanel Dokumentation im GitHub Wiki:

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

          L 1 Reply Last reply
          0
          • K Kuckuckmann

            @lustig29
            Auf einer Card kannst Du das super easy machen. Du brauchst eine CardGrid oder CardEntities und einen Eintrag wie diesen:

            <PageItem>{ id: 'alias.0.Shelly.ShellyDimmer-TST-01', name: 'Shelly Dimmer', minValueBrightness: 0, maxValueBrightness: 100, interpolateColor: true},
            

            Du musst halt einen Alias vom Typ Dimmer anlegen und die DP verlinken:

            c9d5ca85-4db2-4195-8db7-906cf934693c-image.png

            L Offline
            L Offline
            lustig29
            wrote on last edited by
            #5512

            @kuckuckmann Ok, super. Danke

            L 1 Reply Last reply
            0
            • L lustig29

              @kuckuckmann Ok, super. Danke

              L Offline
              L Offline
              lustig29
              wrote on last edited by
              #5513

              Jetzt habe ich es echt mal mit meiner ersten Card hinbekommen... Lief auch die erste Zeit ganz gut. Jetzt habe ich das Phänomen, egal was ich in der Sonos Card auswähle, es blinkt nur kurz auf und geht wieder zur Player Sonos Card zurück.

              1 Reply Last reply
              0
              • icebearI icebear

                @kuckuckmann said in SONOFF NSPanel mit Lovelace UI:

                Da Du den Advanced Mode des Screensaver nutzt (Ist das an dem Ort notwendig?)

                Hab mich jetzt doch entschieden den Screensaver 1 Layout (Alternativ) zu nehmen, da dort tatsächlich der andere garnicht nötig bzw. praktikabel ist.

                Ergebnis ist:

                WC_Frei.png WC_Besetzt.png

                funkrioniert also wie gewünscht ☺

                Jetzt tauchen allerdings noch Fragen auf:
                Die bottomScreensaver Entity 1-3 kann ich ja nur mit 'festen' Werten belegen (wenn ich das richtig verstanden hab), also nicht dynamisch mit z.B. 'open', 'closed' oder sowas ( sowie bei den 'indicatorScreensaverEntity's', richtig ?

                Wie man auf der linken Seite im Screensaver sieht, hab ich ich auf 'bottomScreeensaverEntity 5' die Funktion gelegt das das WC Frei ist, schöner wäre natürlich wenn das größer wäre, z.B wenn man man die 'Alias Wettervorhersage oben drüber weg machen könnte, aber das geht ja wohl nich so einfach.

                Am besten wäre wenn man den unteren Teil, also unterhalb der Linie vom Datum frei belegen könnte, weil z.B. für meinen Anwendungsfall brauche ich da eigentlich überhaupt keine Wetterinformationen.

                Gibt es da eine Möglichkeit? Feature Request?

                S Offline
                S Offline
                Springreiter
                wrote on last edited by
                #5514

                @icebear Bin gerade erst mit dem Thema angefangen und tue mich echt schwer überhaupt eine eigene Card zu erstellen- aber das mit dem Besetzt möchte ich auch gerne- habe im Gäste WC BWM- kann man das Bild damit ansteuern?

                icebearI 1 Reply Last reply
                0
                • S Springreiter

                  @icebear Bin gerade erst mit dem Thema angefangen und tue mich echt schwer überhaupt eine eigene Card zu erstellen- aber das mit dem Besetzt möchte ich auch gerne- habe im Gäste WC BWM- kann man das Bild damit ansteuern?

                  icebearI Offline
                  icebearI Offline
                  icebear
                  wrote on last edited by
                  #5515

                  @springreiter said in SONOFF NSPanel mit Lovelace UI:

                  habe im Gäste WC BWM

                  Das sollte gehen, habe auch einen Bewegungsmelder im G-WC der das Licht und Musik einschaltet.
                  Bei mir ist ein Philips HUE BWM im Einsatz, da war einfach das Problem den so einzustellen, das das Licht nicht ausgeht solang noch jemand auf der Toilette ist, er aber keine ausreichende Bewegung registriert.
                  War ein bisschen Fummelkram das so hinzubekommen, das das vernünftig funktioniert.

                  Deshalb hab ich bei mir als Trigger für die popUpnotify das Licht genommen.

                  S 1 Reply Last reply
                  0
                  • icebearI icebear

                    @springreiter said in SONOFF NSPanel mit Lovelace UI:

                    habe im Gäste WC BWM

                    Das sollte gehen, habe auch einen Bewegungsmelder im G-WC der das Licht und Musik einschaltet.
                    Bei mir ist ein Philips HUE BWM im Einsatz, da war einfach das Problem den so einzustellen, das das Licht nicht ausgeht solang noch jemand auf der Toilette ist, er aber keine ausreichende Bewegung registriert.
                    War ein bisschen Fummelkram das so hinzubekommen, das das vernünftig funktioniert.

                    Deshalb hab ich bei mir als Trigger für die popUpnotify das Licht genommen.

                    S Offline
                    S Offline
                    Springreiter
                    wrote on last edited by
                    #5516

                    @icebear Mit der Steuerung ist alles bestens, jedoch weiß ich gar nicht wie ich das mit der Seite in NSPanel einbinde- wie gesagt ich scheitere schon an eine leere Seite- bis zum Screensaver habe ich alles geschafft😰

                    L icebearI 2 Replies Last reply
                    0
                    • S Springreiter

                      @icebear Mit der Steuerung ist alles bestens, jedoch weiß ich gar nicht wie ich das mit der Seite in NSPanel einbinde- wie gesagt ich scheitere schon an eine leere Seite- bis zum Screensaver habe ich alles geschafft😰

                      L Offline
                      L Offline
                      lustig29
                      wrote on last edited by lustig29
                      #5517

                      Ich habe nopch ein 2. Panel. Darauf lief mal Homeassitant. Besteht die Möglichkeit, dass ich es über diese seite per Ota auf Tasmota flashe?
                      Wenn ich dort die Nspanel.bin einfüge sagt er mir immer zu wenig Speicher vorhanden.Esp_Homeassiatnt.png

                      1 Reply Last reply
                      0
                      • C Offline
                        C Offline
                        c3b
                        wrote on last edited by
                        #5518

                        Hi Leutz

                        Nachdem ich bei meinem 4. Panel ein paar Problemchen hatte, wollte ich mir einmal den Simulator installieren.
                        Soweit habe ich das auch verstanden.
                        ESP32 geflasht, Eingerichtet, mqtt ist angelegt. Jetzt zum Skript.

                        const NSPanel_Path = '0_userdata.0.NSPanel.1.'; muss genändert werden. Ich habe bei mir die 1 durch DEV ersetzt. Weiterhin im Codeblock export const config: Config die folgenden Werte korrekt eintragen:
                        
                        panelRecvTopic, panelSendTopic, mrIcon1ScreensaverEntity, mrIcon2ScreensaverEntity (bei den beiden letzten entweder 'none' als Entity eintragen oder die POWER1 und POWER2 Endpunkte des echten NSPanels.
                        

                        Der SendTopic ist klar. Was ist aber mit dem ReceiveTopic?
                        Die weiteren Punkte habe ich im skript gefunden. Da auf der Simulation keine Hardwarebutton abgebildet sind, sollen sie ja ignoriert werden. Bei button1 und button2 als entity 'none' eintragen ist klar. Was aber ist mit Send und Recive? Reicht da auskommentieren?
                        Hat da mal jemand ein Beispiel für mich?

                        Den Nextion Editor habe ich runtergeladen und die HMI auch.

                        Wenn ich den die HMI starte, funktioniert es auch. Super Arbeit die Ihr da leistet und bereit geleistet habt. 👍 👍 👍

                        Weiterhin habe ich mit setOption146 1 den Befehl für den Temperaturseonsor in die Konsole eingetragen. Ich bekomme aber eine Fehlermeldung zurück.

                        12ea6817-35fa-43a6-bb7c-3a3b91bfe33e-grafik.png

                        LG aus dem Sauerland

                        Jörg

                        K 1 Reply Last reply
                        1
                        • S Springreiter

                          @icebear Mit der Steuerung ist alles bestens, jedoch weiß ich gar nicht wie ich das mit der Seite in NSPanel einbinde- wie gesagt ich scheitere schon an eine leere Seite- bis zum Screensaver habe ich alles geschafft😰

                          icebearI Offline
                          icebearI Offline
                          icebear
                          wrote on last edited by
                          #5519

                          @springreiter said in SONOFF NSPanel mit Lovelace UI:

                          jedoch weiß ich gar nicht wie ich das mit der Seite in NSPanel einbinde- wie gesagt ich scheitere schon an eine leere Seite

                          Hast du dir denn mal das Video im https://github.com/joBr99/nspanel-lovelace-ui/wiki von Matthias bis zu Ende angeschaut? Da sind doch die grundsätzlichen Schritte auch zum erstellen von Pages super erklärt.

                          Ich möchte dir nicht zu Nahe treten, aber wenn du sowas wie mit dem 'G-WC Besetzt' umsetzten möchtest solltest du erstmal die grundsätzliche Konfiguration und erstellung von Pages verstehen.

                          Das was ich dort gemacht habe ist in dem Sinne keine "Seite", sondern ein popupNotify welches durch ein Script (blockly) ausgelöst wird.

                          S 1 Reply Last reply
                          1
                          • icebearI icebear

                            @springreiter said in SONOFF NSPanel mit Lovelace UI:

                            jedoch weiß ich gar nicht wie ich das mit der Seite in NSPanel einbinde- wie gesagt ich scheitere schon an eine leere Seite

                            Hast du dir denn mal das Video im https://github.com/joBr99/nspanel-lovelace-ui/wiki von Matthias bis zu Ende angeschaut? Da sind doch die grundsätzlichen Schritte auch zum erstellen von Pages super erklärt.

                            Ich möchte dir nicht zu Nahe treten, aber wenn du sowas wie mit dem 'G-WC Besetzt' umsetzten möchtest solltest du erstmal die grundsätzliche Konfiguration und erstellung von Pages verstehen.

                            Das was ich dort gemacht habe ist in dem Sinne keine "Seite", sondern ein popupNotify welches durch ein Script (blockly) ausgelöst wird.

                            S Offline
                            S Offline
                            Springreiter
                            wrote on last edited by
                            #5520

                            @icebear Danke, dann werde ich mal weiter üben

                            K L 2 Replies Last reply
                            0
                            • S Springreiter

                              @icebear Danke, dann werde ich mal weiter üben

                              K Offline
                              K Offline
                              Kuckuckmann
                              wrote on last edited by
                              #5521

                              @springreiter sagte in SONOFF NSPanel mit Lovelace UI:

                              @icebear Danke, dann werde ich mal weiter üben

                              Schau Dir auch mal die Wiki an. Wir haben da ganz viele Informationen zum Thema "how to build a card" zusammengetragen und erklärt. Als Bsp. mal diese Seite hier schauen, aber auch die anderen.

                              LG

                              NSPanel Dokumentation im GitHub Wiki:

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

                              1 Reply Last reply
                              0
                              • S Springreiter

                                @icebear Danke, dann werde ich mal weiter üben

                                L Offline
                                L Offline
                                lustig29
                                wrote on last edited by
                                #5522

                                Ich bräuchte mal bitte Hilfe beim flashen.
                                Wie bereits geschrieben ich habe noch ein 2. Ns Panel. Dort war Homeassitant mal installiert.
                                Jetzt habe ich es von der Wand abmontiert und normal über Kabel probiert die Tasmato32Nspanel.bin zu flashen. Leider klappt es nicht. Ich bekomme einfach nicht das Tasmota Wlan angezwigt um mich zu verbinden.

                                K 1 Reply Last reply
                                0
                                • C c3b

                                  Hi Leutz

                                  Nachdem ich bei meinem 4. Panel ein paar Problemchen hatte, wollte ich mir einmal den Simulator installieren.
                                  Soweit habe ich das auch verstanden.
                                  ESP32 geflasht, Eingerichtet, mqtt ist angelegt. Jetzt zum Skript.

                                  const NSPanel_Path = '0_userdata.0.NSPanel.1.'; muss genändert werden. Ich habe bei mir die 1 durch DEV ersetzt. Weiterhin im Codeblock export const config: Config die folgenden Werte korrekt eintragen:
                                  
                                  panelRecvTopic, panelSendTopic, mrIcon1ScreensaverEntity, mrIcon2ScreensaverEntity (bei den beiden letzten entweder 'none' als Entity eintragen oder die POWER1 und POWER2 Endpunkte des echten NSPanels.
                                  

                                  Der SendTopic ist klar. Was ist aber mit dem ReceiveTopic?
                                  Die weiteren Punkte habe ich im skript gefunden. Da auf der Simulation keine Hardwarebutton abgebildet sind, sollen sie ja ignoriert werden. Bei button1 und button2 als entity 'none' eintragen ist klar. Was aber ist mit Send und Recive? Reicht da auskommentieren?
                                  Hat da mal jemand ein Beispiel für mich?

                                  Den Nextion Editor habe ich runtergeladen und die HMI auch.

                                  Wenn ich den die HMI starte, funktioniert es auch. Super Arbeit die Ihr da leistet und bereit geleistet habt. 👍 👍 👍

                                  Weiterhin habe ich mit setOption146 1 den Befehl für den Temperaturseonsor in die Konsole eingetragen. Ich bekomme aber eine Fehlermeldung zurück.

                                  12ea6817-35fa-43a6-bb7c-3a3b91bfe33e-grafik.png

                                  LG aus dem Sauerland

                                  Jörg

                                  K Offline
                                  K Offline
                                  Kuckuckmann
                                  wrote on last edited by
                                  #5523

                                  @c3b
                                  Hey, hast Du dich nach der Anleitung in der Wiki gehalten?
                                  Dort ist eigentlich alles erklärt. Wenn Du den Berry-Treiber dort nimmst, dann sollte das auch mit den nicht vorhandenen Buttons/Sensoren kein Thema sein.

                                  LG

                                  NSPanel Dokumentation im GitHub Wiki:

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

                                  C 1 Reply Last reply
                                  0
                                  • L lustig29

                                    Ich bräuchte mal bitte Hilfe beim flashen.
                                    Wie bereits geschrieben ich habe noch ein 2. Ns Panel. Dort war Homeassitant mal installiert.
                                    Jetzt habe ich es von der Wand abmontiert und normal über Kabel probiert die Tasmato32Nspanel.bin zu flashen. Leider klappt es nicht. Ich bekomme einfach nicht das Tasmota Wlan angezwigt um mich zu verbinden.

                                    K Offline
                                    K Offline
                                    Kuckuckmann
                                    wrote on last edited by
                                    #5524

                                    @lustig29
                                    Von dem was Du weiter oben geschrieben hast, hast Du zu wenig Speicher frei. Das ist ein bekanntes Problem und wir haben in der Wiki hier was dazu zusammengeschrieben.

                                    NSPanel Dokumentation im GitHub Wiki:

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

                                    1 Reply Last reply
                                    0
                                    • L Offline
                                      L Offline
                                      lustig29
                                      wrote on last edited by
                                      #5525

                                      @kuckuckmann So wie ich das daraus lese muss ich erst eine Safeboot.bin flashen? Also einfach mal die tasmota32-safeboot.bin flashen? Und danach dann die Tasmota32nspanel.bin?

                                      K 1 Reply Last reply
                                      0
                                      • L lustig29

                                        @kuckuckmann So wie ich das daraus lese muss ich erst eine Safeboot.bin flashen? Also einfach mal die tasmota32-safeboot.bin flashen? Und danach dann die Tasmota32nspanel.bin?

                                        K Offline
                                        K Offline
                                        Kuckuckmann
                                        wrote on last edited by
                                        #5526

                                        @lustig29

                                        Nein, also eigentlich steht da was anderes. Du musst die artition_Manager.tapp runterladen und die dann ausführen.
                                        Wenn der Prozess abgeschlossen ist, wurde eine Safeboot Partition neu installiert und Du kannst dann die neue Tasmota Version drauf flashen.

                                        Aber bitte, lies genau was da steht!

                                        NSPanel Dokumentation im GitHub Wiki:

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

                                        L 1 Reply Last reply
                                        0
                                        • K Kuckuckmann

                                          @c3b
                                          Hey, hast Du dich nach der Anleitung in der Wiki gehalten?
                                          Dort ist eigentlich alles erklärt. Wenn Du den Berry-Treiber dort nimmst, dann sollte das auch mit den nicht vorhandenen Buttons/Sensoren kein Thema sein.

                                          LG

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

                                          @kuckuckmann Hallo
                                          Ja, genau an die Anleitung habe ich mich gehalten. Funktioniert ja auch. Mir ist nur nicht klar, was ich in die Receive und die Send schreiben muss. Reicht da ein auskommentieren?

                                          LG aus dem Sauerland

                                          Jörg

                                          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

                                          58

                                          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