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
    209

  • 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.
  • L lustig29

    @kuckuckmann Ja, habe ich

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

    @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

    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

    L 1 Reply Last reply
    1
    • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          92

                                          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