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

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

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

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

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

    @icebear Würdest du mir zeigen wie du es auf dem NsPanel steuerst, bzw. die Card mit mir teilen?😊

    icebearI Online
    icebearI Online
    icebear
    wrote on last edited by icebear
    #5540

    @lustig29 said in SONOFF NSPanel mit Lovelace UI:

    Würdest du mir zeigen wie du es auf dem NsPanel steuerst, bzw. die Card mit mir teilen?

    Ich hab die Garage auf zwei Card's, einmal auf einer Übersicht und einmal alleine, außerdem wird es noch als ScreensaverEntity angezeigt.

    Hier die Alias die ich dafür habe:

    garage.png

    Und hier die Card's:

    let Grundstueck: PageType = {
        'type': 'cardGrid',
        'heading': 'Grundstück',
        'useColor': true,
        'subPage': false,
        'next': 'Alarm', 
        'items': [
            { navigate: true, id: null, targetPage: 'Nuki', name: 'Haus', icon: 'home-roof', offColor: Blue, onColor: Blue},
    		{ id: 'alias.0.Home.Garage.Garagentor', targetPage: 'Garage', name: 'Garage', icon: 'garage-variant', icon2: 'garage-open-variant', offColor: Red, onColor: White},
            { id: 'alias.0.Home.NewMail', icon: 'mailbox-open-up-outline', icon2: 'mailbox-outline', offColor: White, onColor: Red, name: 'Mail'},
    		{ navigate: true, id: null, targetPage: 'Erdgeschoss', name: 'Erdgeschoss', icon: 'home-floor-0', offColor: White, onColor: Blue},
    		{ navigate: true, id: null, targetPage: 'Obergeschoss', name: 'Obergeschoss', icon: 'home-floor-1', offColor: White, onColor: Blue}
        ]
    };
    
    let Garage: PageType =
    {
        'type': 'cardEntities',
        'heading': 'Garage',
        'useColor': true,
        'subPage': true,
    	'prev': 'Nuki',
    	'next': 'Abfall',
        'items': [
            { id: 'alias.0.Home.Garage.Garagentor', icon: 'garage', icon2: 'garage-open', offColor: MSRed, onColor: MSGreen, name: 'Garagentor'},
        ]
    };
    
    L 1 Reply Last reply
    0
    • icebearI icebear

      @lustig29 said in SONOFF NSPanel mit Lovelace UI:

      Würdest du mir zeigen wie du es auf dem NsPanel steuerst, bzw. die Card mit mir teilen?

      Ich hab die Garage auf zwei Card's, einmal auf einer Übersicht und einmal alleine, außerdem wird es noch als ScreensaverEntity angezeigt.

      Hier die Alias die ich dafür habe:

      garage.png

      Und hier die Card's:

      let Grundstueck: PageType = {
          'type': 'cardGrid',
          'heading': 'Grundstück',
          'useColor': true,
          'subPage': false,
          'next': 'Alarm', 
          'items': [
              { navigate: true, id: null, targetPage: 'Nuki', name: 'Haus', icon: 'home-roof', offColor: Blue, onColor: Blue},
      		{ id: 'alias.0.Home.Garage.Garagentor', targetPage: 'Garage', name: 'Garage', icon: 'garage-variant', icon2: 'garage-open-variant', offColor: Red, onColor: White},
              { id: 'alias.0.Home.NewMail', icon: 'mailbox-open-up-outline', icon2: 'mailbox-outline', offColor: White, onColor: Red, name: 'Mail'},
      		{ navigate: true, id: null, targetPage: 'Erdgeschoss', name: 'Erdgeschoss', icon: 'home-floor-0', offColor: White, onColor: Blue},
      		{ navigate: true, id: null, targetPage: 'Obergeschoss', name: 'Obergeschoss', icon: 'home-floor-1', offColor: White, onColor: Blue}
          ]
      };
      
      let Garage: PageType =
      {
          'type': 'cardEntities',
          'heading': 'Garage',
          'useColor': true,
          'subPage': true,
      	'prev': 'Nuki',
      	'next': 'Abfall',
          'items': [
              { id: 'alias.0.Home.Garage.Garagentor', icon: 'garage', icon2: 'garage-open', offColor: MSRed, onColor: MSGreen, name: 'Garagentor'},
          ]
      };
      
      L Offline
      L Offline
      lustig29
      wrote on last edited by lustig29
      #5541

      @icebear

      Danke. Hab es jetzt ein bisschen abgeändert. Aber es funktioniert leider nicht.

      let Garage: PageType =
      {
          'type': 'cardEntities',
          'heading': 'Garage',
          'subPage': false,
          'items': [
              { id: 'alias.0.NSPanel.1.Garagentor', icon: 'garage', icon2: 'garage-open', offColor: MSRed, onColor: MSGreen, name: 'Garagentor'},
          ]
      
      javascript.0 (94354) script.js.NSPanelTs: TypeScript compilation failed: let Garage: PageType = { ^ ERROR: Type '{ type: "cardEntities"; heading: string; subPage: false; items: [{ id: string; icon: string; icon2: string; offColor: NSPanel.RGB; onColor: NSPanel.RGB; name: string; }]; }' is not assignable to type 'PageType'. Type '{ type: "cardEntities"; heading: string; subPage: false; items: [{ id: string; icon: string; icon2: string; offColor: NSPanel.RGB; onColor: NSPanel.RGB; name: string; }]; }' is not assignable to type 'PageEntities'. Property 'useColor' is missing in type '{ type: "cardEntities"; heading: string; subPage: false; items: [{ id: string; icon: string; icon2: string; offColor: NSPanel.RGB; onColor: NSPanel.RGB; name: string; }]; }' but required in type 'PageBaseType'.
      
      icebearI 1 Reply Last reply
      0
      • L lustig29

        @icebear

        Danke. Hab es jetzt ein bisschen abgeändert. Aber es funktioniert leider nicht.

        let Garage: PageType =
        {
            'type': 'cardEntities',
            'heading': 'Garage',
            'subPage': false,
            'items': [
                { id: 'alias.0.NSPanel.1.Garagentor', icon: 'garage', icon2: 'garage-open', offColor: MSRed, onColor: MSGreen, name: 'Garagentor'},
            ]
        
        javascript.0 (94354) script.js.NSPanelTs: TypeScript compilation failed: let Garage: PageType = { ^ ERROR: Type '{ type: "cardEntities"; heading: string; subPage: false; items: [{ id: string; icon: string; icon2: string; offColor: NSPanel.RGB; onColor: NSPanel.RGB; name: string; }]; }' is not assignable to type 'PageType'. Type '{ type: "cardEntities"; heading: string; subPage: false; items: [{ id: string; icon: string; icon2: string; offColor: NSPanel.RGB; onColor: NSPanel.RGB; name: string; }]; }' is not assignable to type 'PageEntities'. Property 'useColor' is missing in type '{ type: "cardEntities"; heading: string; subPage: false; items: [{ id: string; icon: string; icon2: string; offColor: NSPanel.RGB; onColor: NSPanel.RGB; name: string; }]; }' but required in type 'PageBaseType'.
        
        icebearI Online
        icebearI Online
        icebear
        wrote on last edited by
        #5542

        @lustig29

        Hast du denn, wenn du das subPage auf 'False setzt' die Card auch bei dir bei Pages eingetragen?

        L 1 Reply Last reply
        0
        • icebearI icebear

          @lustig29

          Hast du denn, wenn du das subPage auf 'False setzt' die Card auch bei dir bei Pages eingetragen?

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

          @icebear Ja, hab ich. Oder soll ich mal die Subpages mal wieder aktivieren?

          icebearI 1 Reply Last reply
          0
          • L lustig29

            @icebear Ja, hab ich. Oder soll ich mal die Subpages mal wieder aktivieren?

            icebearI Online
            icebearI Online
            icebear
            wrote on last edited by
            #5544

            @lustig29

            trag mal das 'useColor': true, wieder ein

            L 1 Reply Last reply
            0
            • icebearI icebear

              @lustig29

              trag mal das 'useColor': true, wieder ein

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

              @icebear
              Jetzt sieht es besser aus. Leider wird mir nur Garage "geschlossen" angezeigt.
              Hab die andere Card jetzt auch mal eingefügt. Sieht optisch sehr gut aus. Was muss ich einstellen, damit ich mein Garagentor in groß angezeigt bekomme? Will nicht wieder zu viel löschen.😁

              T 1 Reply Last reply
              0
              • L lustig29

                @icebear
                Jetzt sieht es besser aus. Leider wird mir nur Garage "geschlossen" angezeigt.
                Hab die andere Card jetzt auch mal eingefügt. Sieht optisch sehr gut aus. Was muss ich einstellen, damit ich mein Garagentor in groß angezeigt bekomme? Will nicht wieder zu viel löschen.😁

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

                @lustig29 nimm mal die cardGrid. Größer gehen die Icon nicht.

                Wenn das Icon nur zu anzeigt, wird es an dem Alias liegen. Wie sieht den der Channel und die darunter liegende Datenpunkte aus.

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

                  @lustig29 nimm mal die cardGrid. Größer gehen die Icon nicht.

                  Wenn das Icon nur zu anzeigt, wird es an dem Alias liegen. Wie sieht den der Channel und die darunter liegende Datenpunkte aus.

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

                  @tt-tom IMG_4317.png IMG_4316.png

                  T 1 Reply Last reply
                  0
                  • L lustig29

                    @tt-tom IMG_4317.png IMG_4316.png

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

                    @lustig29

                    setze mal bei ACTUAL den gleichen DP ein, wie bei SET. Welchen DP hast du genommen bei SET, ist auf dem Foto nicht zu erkennen.

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

                      @lustig29

                      setze mal bei ACTUAL den gleichen DP ein, wie bei SET. Welchen DP hast du genommen bei SET, ist auf dem Foto nicht zu erkennen.

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

                      @tt-tom 0-garageDoor. Hab den selben jetzt bei Actual auch eingetragen. Geht aber leider nicht.

                      T icebearI 2 Replies Last reply
                      0
                      • L lustig29

                        @tt-tom 0-garageDoor. Hab den selben jetzt bei Actual auch eingetragen. Geht aber leider nicht.

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

                        @lustig29
                        zeige mal bitte diese Daten vom Chanel und vom Datenpunkt ACTUAL

                        19ad13a6-75f1-475e-b75f-e09f4e4832fb-image.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

                        1 Reply Last reply
                        0
                        • L lustig29

                          @tt-tom 0-garageDoor. Hab den selben jetzt bei Actual auch eingetragen. Geht aber leider nicht.

                          icebearI Online
                          icebearI Online
                          icebear
                          wrote on last edited by
                          #5551

                          @lustig29 said in SONOFF NSPanel mit Lovelace UI:

                          0-garageDoor. Hab den selben jetzt bei Actual auch eingetragen. Geht aber leider nicht.

                          Ich misch mich nochmal ein. Welchen Meross Garagentoröffner hast du ?

                          Bei den Alias von mir ist es ein MSG100 und damit funktioniert es bei mir einwandfrei.

                          L 1 Reply Last reply
                          0
                          • icebearI icebear

                            @lustig29 said in SONOFF NSPanel mit Lovelace UI:

                            0-garageDoor. Hab den selben jetzt bei Actual auch eingetragen. Geht aber leider nicht.

                            Ich misch mich nochmal ein. Welchen Meross Garagentoröffner hast du ?

                            Bei den Alias von mir ist es ein MSG100 und damit funktioniert es bei mir einwandfrei.

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

                            @icebear
                            Den hier habe ich.

                            https://amzn.eu/d/4I9o3pO

                            T 1 Reply Last reply
                            0
                            • L lustig29

                              @icebear
                              Den hier habe ich.

                              https://amzn.eu/d/4I9o3pO

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

                              @lustig29

                              mal so gefragt, ändert sich der Status von false auf true, wenn das Tor offen ist. Beobachte mal die Datenpunkte, wie sie sich verhalten beim Bewegen des Tors.

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

                                @lustig29

                                mal so gefragt, ändert sich der Status von false auf true, wenn das Tor offen ist. Beobachte mal die Datenpunkte, wie sie sich verhalten beim Bewegen des Tors.

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

                                @tt-tom
                                Ja, 0Garagedoor Datenpunkt geht auf True wenn geöffnet und false wenn geschlossen.
                                Der Fehler muss irgendwie im Alias liegen.
                                Aber ich weiß nicht, was ich flasch gemacht habe.
                                Habe unter Geräte einen Alias „Tor“ angelegt und mit den 2 Datenpunkten gefüttert. Keine Ahnung warum es nicht geht.🤷🏼‍♂️

                                T icebearI 2 Replies Last reply
                                0
                                • L lustig29

                                  @tt-tom
                                  Ja, 0Garagedoor Datenpunkt geht auf True wenn geöffnet und false wenn geschlossen.
                                  Der Fehler muss irgendwie im Alias liegen.
                                  Aber ich weiß nicht, was ich flasch gemacht habe.
                                  Habe unter Geräte einen Alias „Tor“ angelegt und mit den 2 Datenpunkten gefüttert. Keine Ahnung warum es nicht geht.🤷🏼‍♂️

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

                                  @lustig29

                                  Nochmal von vorne.

                                  Ich benötige die Daten aus dem Bild was ich dir gezeigt habe. Einmal vom Datenpunkt ACTUAL und einmal vom Channel darüber.
                                  Und die Config der Seite aus dem Script. Sonst drehen wir uns im Kreis.

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

                                    @tt-tom
                                    Ja, 0Garagedoor Datenpunkt geht auf True wenn geöffnet und false wenn geschlossen.
                                    Der Fehler muss irgendwie im Alias liegen.
                                    Aber ich weiß nicht, was ich flasch gemacht habe.
                                    Habe unter Geräte einen Alias „Tor“ angelegt und mit den 2 Datenpunkten gefüttert. Keine Ahnung warum es nicht geht.🤷🏼‍♂️

                                    icebearI Online
                                    icebearI Online
                                    icebear
                                    wrote on last edited by
                                    #5556

                                    @lustig29 said in SONOFF NSPanel mit Lovelace UI:

                                    Der Fehler muss irgendwie im Alias liegen.

                                    Mach mal bitte den Alias vom Gerät auf, so wie hier:

                                    meross.png

                                    und dann bei ACTUAL hinten auf das 'fx' und da trägst du folgendes ein:

                                    val === true ? false : true

                                    Marc BergM T L 3 Replies Last reply
                                    0
                                    • icebearI icebear

                                      @lustig29 said in SONOFF NSPanel mit Lovelace UI:

                                      Der Fehler muss irgendwie im Alias liegen.

                                      Mach mal bitte den Alias vom Gerät auf, so wie hier:

                                      meross.png

                                      und dann bei ACTUAL hinten auf das 'fx' und da trägst du folgendes ein:

                                      val === true ? false : true

                                      Marc BergM Offline
                                      Marc BergM Offline
                                      Marc Berg
                                      Most Active
                                      wrote on last edited by
                                      #5557

                                      @icebear sagte in SONOFF NSPanel mit Lovelace UI:

                                      val === true ? false : true

                                      das selbe Ergebnis bekommst du mit:

                                      !val
                                      

                                      NUC10I3+Ubuntu+Docker+ioBroker+influxDB2+Node Red+RabbitMQ+Grafana

                                      Pi-hole, Traefik, Checkmk, Conbee II+Zigbee2MQTT, ESPSomfy-RTS, LoRaWAN, Arduino, KiCad

                                      Benutzt das Voting im Beitrag, wenn er euch geholfen hat.

                                      1 Reply Last reply
                                      0
                                      • roy0575R Offline
                                        roy0575R Offline
                                        roy0575
                                        wrote on last edited by
                                        #5558

                                        Hallo,
                                        Ich bin neu Eingestiegen und habe die Anleitungen befolgt. Eigene Datenpunkte und Aliase erstellt.
                                        Leider fehlen mir die icons.
                                        Lässt sich bestimmt lösen.
                                        Vielen Dank

                                        image.jpg image.jpg

                                        T 1 Reply Last reply
                                        0
                                        • icebearI icebear

                                          @lustig29 said in SONOFF NSPanel mit Lovelace UI:

                                          Der Fehler muss irgendwie im Alias liegen.

                                          Mach mal bitte den Alias vom Gerät auf, so wie hier:

                                          meross.png

                                          und dann bei ACTUAL hinten auf das 'fx' und da trägst du folgendes ein:

                                          val === true ? false : true

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

                                          @icebear

                                          er schreibt, es ändert sich nichts bzw. bleibt nur geschlossen. Mit deinem Vorschlag tauschst du nur auf / zu.

                                          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

                                          icebearI 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

                                          701

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          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