Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker 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

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 272 Kommentatoren 6.7m Aufrufe 254 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #5542

        @lustig29

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

        L 1 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #5543

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

          icebearI 1 Antwort Letzte Antwort
          0
          • L lustig29

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

            icebearI Online
            icebearI Online
            icebear
            schrieb am zuletzt editiert von
            #5544

            @lustig29

            trag mal das 'useColor': true, wieder ein

            L 1 Antwort Letzte Antwort
            0
            • icebearI icebear

              @lustig29

              trag mal das 'useColor': true, wieder ein

              L Offline
              L Offline
              lustig29
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #5547

                  @tt-tom IMG_4317.png IMG_4316.png

                  T 1 Antwort Letzte Antwort
                  0
                  • L lustig29

                    @tt-tom IMG_4317.png IMG_4316.png

                    T Offline
                    T Offline
                    TT-Tom
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #5549

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

                      T icebearI 2 Antworten Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        • L lustig29

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

                          icebearI Online
                          icebearI Online
                          icebear
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von lustig29
                            #5552

                            @icebear
                            Den hier habe ich.

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

                            T 1 Antwort Letzte Antwort
                            0
                            • L lustig29

                              @icebear
                              Den hier habe ich.

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

                              T Offline
                              T Offline
                              TT-Tom
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antworten Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antworten Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      0
                                      • roy0575R Offline
                                        roy0575R Offline
                                        roy0575
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          718

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe