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

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.3k

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.8k Posts 274 Posters 6.8m Views 257 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 Offline
    L Offline
    lustig29
    wrote on last edited by
    #5498

    @kuckuckmann Ja, genau da füge die Cards auch ein. Aber ich kann machen was ich will. Das Einzige, was mir angezeigt wird ist die Service Seite.

    1 Reply Last reply
    0
    • K Kuckuckmann

      @lustig29

      hier:

      38d8dbae-94c9-4567-91b6-a16c095a20d5-image.png

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

      @kuckuckmann d816a817-1050-4afb-86af-ebbd46036359-image.png

      K 1 Reply Last reply
      0
      • L lustig29

        @kuckuckmann d816a817-1050-4afb-86af-ebbd46036359-image.png

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

        @lustig29
        Hast Du die Seite im Bereich Configuration auch dort unter Pages oder Subpages (je nachdem was es sein soll) eingetragen?

        Siehe hier:

        952bacbf-590d-4806-aa6c-2fd872c26363-image.png

        In Bezug auf Dein Beispiel müsstest Du das vermutlich unter Pages eintragen:

          pages: [
                   SensorGrid,
                   NSPanel_Service,            //Auto-Alias Service Page
                   //Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
            ],
        

        NSPanel Dokumentation im GitHub Wiki:

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

        L 1 Reply Last reply
        2
        • K Kuckuckmann

          @lustig29
          Hast Du die Seite im Bereich Configuration auch dort unter Pages oder Subpages (je nachdem was es sein soll) eingetragen?

          Siehe hier:

          952bacbf-590d-4806-aa6c-2fd872c26363-image.png

          In Bezug auf Dein Beispiel müsstest Du das vermutlich unter Pages eintragen:

            pages: [
                     SensorGrid,
                     NSPanel_Service,            //Auto-Alias Service Page
                     //Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
              ],
          
          L Offline
          L Offline
          lustig29
          wrote on last edited by
          #5501

          @kuckuckmann Das wird der Fehler sein.🤦🏼‍♂️ Werde ich heute Abend gleich testen. Danke, das Wochenende ist gesichert.😂

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

            @kuckuckmann
            Habe es jetzt mal mit der Sonos Card ausprobiert. Aber geht irgendwie nicht.

            let Sonos: PageType =
            {
                'type': 'cardMedia',
                'heading': 'Sonos Player',
                'useColor': true,
                'items': [{   
                            id: alias.0.NSPanel.1.Sonos + 'Media.PlayerSonos', 
                            adapterPlayerInstance: 'sonos.0.',
                            mediaDevice: '192_168_0_101',
                            speakerList: ['Büro', 'Bad'],
                            playList: ['Chillout 2021'],
                            colorMediaIcon: colorSonos,
                            colorMediaArtist: Yellow,
                            colorMediaTitle: Yellow,
                            autoCreateALias: true
                         }]
            

            Habda den Alias Path eingegeben, ist doch richtig, oder?

            javascript.0 (75140) script.js.NSPanelTs: TypeScript compilation failed: id: alias, .0: .NSPanel, .1: .Sonos + 'Media.PlayerSonos', ^ ERROR: Expression expected. id: alias, .0: .NSPanel, .1: .Sonos + 'Media.PlayerSonos', ^ ERROR: Expression expected. id: alias, .0: .NSPanel, .1: .Sonos + 'Media.PlayerSonos', ^ ERROR: Cannot find name 'alias'. id: alias, .0: .NSPanel, .1: .Sonos + 'Media.PlayerSonos', ^ ERROR: Object literal may only specify known properties, and '.0' does not exist in type 'PageBaseItem | PageMediaItem | ({ popupThermoMode1?: string[]; popupThermoMode2?: string[]; popupThermoMode3?: string[]; popUpThermoName?: string[]; setThermoAlias?: string[]; setThermoDestTemp2?: string; } & PageBaseItem) | ({ ...; } & PageBaseItem)'. Sonos, Player, ^ ERROR: Cannot find name 'Player'.
            
            
            ArmilarA 1 Reply Last reply
            0
            • L lustig29

              @kuckuckmann
              Habe es jetzt mal mit der Sonos Card ausprobiert. Aber geht irgendwie nicht.

              let Sonos: PageType =
              {
                  'type': 'cardMedia',
                  'heading': 'Sonos Player',
                  'useColor': true,
                  'items': [{   
                              id: alias.0.NSPanel.1.Sonos + 'Media.PlayerSonos', 
                              adapterPlayerInstance: 'sonos.0.',
                              mediaDevice: '192_168_0_101',
                              speakerList: ['Büro', 'Bad'],
                              playList: ['Chillout 2021'],
                              colorMediaIcon: colorSonos,
                              colorMediaArtist: Yellow,
                              colorMediaTitle: Yellow,
                              autoCreateALias: true
                           }]
              

              Habda den Alias Path eingegeben, ist doch richtig, oder?

              javascript.0 (75140) script.js.NSPanelTs: TypeScript compilation failed: id: alias, .0: .NSPanel, .1: .Sonos + 'Media.PlayerSonos', ^ ERROR: Expression expected. id: alias, .0: .NSPanel, .1: .Sonos + 'Media.PlayerSonos', ^ ERROR: Expression expected. id: alias, .0: .NSPanel, .1: .Sonos + 'Media.PlayerSonos', ^ ERROR: Cannot find name 'alias'. id: alias, .0: .NSPanel, .1: .Sonos + 'Media.PlayerSonos', ^ ERROR: Object literal may only specify known properties, and '.0' does not exist in type 'PageBaseItem | PageMediaItem | ({ popupThermoMode1?: string[]; popupThermoMode2?: string[]; popupThermoMode3?: string[]; popUpThermoName?: string[]; setThermoAlias?: string[]; setThermoDestTemp2?: string; } & PageBaseItem) | ({ ...; } & PageBaseItem)'. Sonos, Player, ^ ERROR: Cannot find name 'Player'.
              
              
              ArmilarA Offline
              ArmilarA Offline
              Armilar
              Most Active Forum Testing
              wrote on last edited by Armilar
              #5503

              @lustig29

              Habda den Alias Path eingegeben, ist doch richtig, oder?

              ähem ... nö ;-)

              Ich habe zwar jetzt nicht die geringste Ahnung, warum du das ....
              ab47361a-06b4-4185-a45d-63cfb818cb08-image.png ... geändert hast, aber wenn es dann schon komplett ausgeschrieben werden soll, dann so:

              'alias.0.NSPanel.1.Sonos.Media.PlayerSonos'
              

              das Sonos ist da echt überflüssig...

              'alias.0.NSPanel.1.Media.PlayerSonos'
              

              und ist absolut das gleiche wie:

              AliasPath + 'Media.PlayerSonos',
              

              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.

              K 1 Reply Last reply
              0
              • ArmilarA Armilar

                @lustig29

                Habda den Alias Path eingegeben, ist doch richtig, oder?

                ähem ... nö ;-)

                Ich habe zwar jetzt nicht die geringste Ahnung, warum du das ....
                ab47361a-06b4-4185-a45d-63cfb818cb08-image.png ... geändert hast, aber wenn es dann schon komplett ausgeschrieben werden soll, dann so:

                'alias.0.NSPanel.1.Sonos.Media.PlayerSonos'
                

                das Sonos ist da echt überflüssig...

                'alias.0.NSPanel.1.Media.PlayerSonos'
                

                und ist absolut das gleiche wie:

                AliasPath + 'Media.PlayerSonos',
                
                K Offline
                K Offline
                Kuckuckmann
                wrote on last edited by
                #5504

                @lustig29 mal ganz davon abgesehen, hast Du denn einen entsprechenden Alias erzeugt und die DP entsprechend verknüpft, die für den Sonos erforderlich sind?

                NSPanel Dokumentation im GitHub Wiki:

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

                ArmilarA L 2 Replies Last reply
                0
                • K Kuckuckmann

                  @lustig29 mal ganz davon abgesehen, hast Du denn einen entsprechenden Alias erzeugt und die DP entsprechend verknüpft, die für den Sonos erforderlich sind?

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

                  @kuckuckmann

                  geht vollautomatisch bei:

                  autoCreateALias: true

                  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 mal ganz davon abgesehen, hast Du denn einen entsprechenden Alias erzeugt und die DP entsprechend verknüpft, die für den Sonos erforderlich sind?

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

                    @kuckuckmann Ja, habe ich

                    T 1 Reply Last reply
                    0
                    • 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 :relaxed:

                                    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:cold_sweat:

                                        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:cold_sweat:

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          753

                                          Online

                                          32.4k

                                          Users

                                          81.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