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 (TypeScript Version)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    12
    1
    119

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.2k

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.1m Views 262 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.
  • S subu

    Das mit den Wetteranzeigen hat sich erledigt. War ein Schreibfehler im Alias meinerseits, sorry.

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

    @subu

    Das mit den Wetteranzeigen hat sich erledigt. War ein Schreibfehler im Alias meinerseits, sorry.

    Cool - na zumindest hast du jetzt auch eine Erklärung ;-)

    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
    • T Offline
      T Offline
      TT-Tom
      wrote on last edited by
      #4601

      @subu sagte in SONOFF NSPanel mit Lovelace UI:

      Zusätzlich ist mir noch aufgefallen, dass im Service Menü des Panels das Umschalten des Wochentages von long auf short nicht funktioniert. Über ioBroker funktioniert es aber.

      Lösch bitte mal diesen Ordner und starte das Script dann mal neu. Die Ordner legen sich automatisch wieder an.

      0_userdata.....Config.Dateformat
      

      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

      S 1 Reply Last reply
      1
      • T TT-Tom

        @subu sagte in SONOFF NSPanel mit Lovelace UI:

        Zusätzlich ist mir noch aufgefallen, dass im Service Menü des Panels das Umschalten des Wochentages von long auf short nicht funktioniert. Über ioBroker funktioniert es aber.

        Lösch bitte mal diesen Ordner und starte das Script dann mal neu. Die Ordner legen sich automatisch wieder an.

        0_userdata.....Config.Dateformat
        
        S Offline
        S Offline
        subu
        wrote on last edited by
        #4602

        @tt-tom

        Das hat geholfen. Jetzt funktioniert es wie es soll.
        Herzlichen Dank.

        ArmilarA 1 Reply Last reply
        2
        • S subu

          @tt-tom

          Das hat geholfen. Jetzt funktioniert es wie es soll.
          Herzlichen Dank.

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

          67c7f964-ecf6-4a4a-a56c-72c3df44cc6b-image.png

          Weihnachtszeit – Zeit, innezuhalten und das vergangene Jahr Revue passieren zu lassen, das mit Höhen und Tiefen, aber auch einigen Überraschungen wie im Fluge verging.

          Weihnachtszeit – Zeit natürlich auch, nach vorn zu schauen, neue Ziele zu formulieren und um sie zuversichtlich zu realisieren.

          Wir wünschen frohe Festtage, Zeit zur Entspannung, Besinnung auf die wirklich wichtigen Dinge und viele Lichtblicke im kommenden Jahr.

          Euer NSPanel-Team

          @Armilar
          @TT-Tom
          @Kuckuckmann

          4fa8c869-1c89-43bd-8cff-9955cb2e06dc-image.png

          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.

          GregorSG 1 Reply Last reply
          6
          • ArmilarA Armilar

            67c7f964-ecf6-4a4a-a56c-72c3df44cc6b-image.png

            Weihnachtszeit – Zeit, innezuhalten und das vergangene Jahr Revue passieren zu lassen, das mit Höhen und Tiefen, aber auch einigen Überraschungen wie im Fluge verging.

            Weihnachtszeit – Zeit natürlich auch, nach vorn zu schauen, neue Ziele zu formulieren und um sie zuversichtlich zu realisieren.

            Wir wünschen frohe Festtage, Zeit zur Entspannung, Besinnung auf die wirklich wichtigen Dinge und viele Lichtblicke im kommenden Jahr.

            Euer NSPanel-Team

            @Armilar
            @TT-Tom
            @Kuckuckmann

            4fa8c869-1c89-43bd-8cff-9955cb2e06dc-image.png

            GregorSG Offline
            GregorSG Offline
            GregorS
            wrote on last edited by
            #4604

            Ich wünsche Euch und Euren Familien ebenfalls ein frohes und
            besinnliches Weihnachtsfest.

            Vielen Dank für Eure Arbeit, die Ihr in das ioBroker-Projekt gesteckt habt,
            sowie die Hilfe, die wir erfahren durften.

            So long

            INTEL NUC i7, Sonoff, hmIP, AVM, Jeelink, T-Link, Alexa, Saia-Burgess, uvm.

            1 Reply Last reply
            3
            • N Offline
              N Offline
              nono87
              wrote on last edited by
              #4605

              Guten Morgen,
              erstmal frohes Fest :-)

              ich bin gerade dabei die SpotifyCard zum laufen zu bringen, aber ein paar Dinge lassen mich gerade noch verzweifeln.
              Die drei Listen unten im Player sind bei mir leider immer leer. Der Rest funktioniert soweit.
              Also es werden keine Geräte, Playlisten oder Titellisten angezeigt.
              Script ist das aktuellste v4.3.3.25

              Vielen Dank schon mal im Voraus

              T 1 Reply Last reply
              0
              • N nono87

                Guten Morgen,
                erstmal frohes Fest :-)

                ich bin gerade dabei die SpotifyCard zum laufen zu bringen, aber ein paar Dinge lassen mich gerade noch verzweifeln.
                Die drei Listen unten im Player sind bei mir leider immer leer. Der Rest funktioniert soweit.
                Also es werden keine Geräte, Playlisten oder Titellisten angezeigt.
                Script ist das aktuellste v4.3.3.25

                Vielen Dank schon mal im Voraus

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

                @nono87

                Bin jetzt nicht der Media Experte. Aber ich glaube du musst die Listen im PageItem selber definieren. Die Eintragungen müssen mit denen auf dem Adapter übereinstimmen.
                Hier ein Beispiel aus dem Wiki.

                let SpotifyPremium = <PageMedia> 
                {
                    "type": "cardMedia",
                    "heading": "Spotify-Premium",
                    "useColor": true,
                    "subPage": false,
                    "parent": undefined,
                    "items": [<PageItem>{ 
                                id: AliasPath + 'Media.PlayerSpotifyPremium', 
                                adapterPlayerInstance: "spotify-premium.0.",
                                speakerList: ['LENOVO-W11-01','Terrasse','Überall','Gartenhaus','Esszimmer','Heimkino','Echo Dot Küche',
                                              'Echo Spot Buero'],
                                //Favoriten Playlists aus Spotify in Liste eintragen 
                                playList: ['Party Playlist','Sabaton Radio','Rock Party','This Is Nightwish','Metal Christmas'],
                                repeatList: ['off','context','track'],
                                equalizerList: ['Bassboost','Klassik','Dance', 'Deep', 'Electronic', 'Flat', 'Hip-Hop', 'Rock', 
                                                'Metal', 'Jazz', 'Latin', 'Tonstärke', 'Lounge', 'Piano'],
                                colorMediaIcon: colorSpotify,
                                colorMediaArtist: Yellow,
                                colorMediaTitle: Yellow,
                                alwaysOnDisplay: true,
                                autoCreateALias: true
                             }]
                };
                

                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

                N 1 Reply Last reply
                0
                • T TT-Tom

                  @nono87

                  Bin jetzt nicht der Media Experte. Aber ich glaube du musst die Listen im PageItem selber definieren. Die Eintragungen müssen mit denen auf dem Adapter übereinstimmen.
                  Hier ein Beispiel aus dem Wiki.

                  let SpotifyPremium = <PageMedia> 
                  {
                      "type": "cardMedia",
                      "heading": "Spotify-Premium",
                      "useColor": true,
                      "subPage": false,
                      "parent": undefined,
                      "items": [<PageItem>{ 
                                  id: AliasPath + 'Media.PlayerSpotifyPremium', 
                                  adapterPlayerInstance: "spotify-premium.0.",
                                  speakerList: ['LENOVO-W11-01','Terrasse','Überall','Gartenhaus','Esszimmer','Heimkino','Echo Dot Küche',
                                                'Echo Spot Buero'],
                                  //Favoriten Playlists aus Spotify in Liste eintragen 
                                  playList: ['Party Playlist','Sabaton Radio','Rock Party','This Is Nightwish','Metal Christmas'],
                                  repeatList: ['off','context','track'],
                                  equalizerList: ['Bassboost','Klassik','Dance', 'Deep', 'Electronic', 'Flat', 'Hip-Hop', 'Rock', 
                                                  'Metal', 'Jazz', 'Latin', 'Tonstärke', 'Lounge', 'Piano'],
                                  colorMediaIcon: colorSpotify,
                                  colorMediaArtist: Yellow,
                                  colorMediaTitle: Yellow,
                                  alwaysOnDisplay: true,
                                  autoCreateALias: true
                               }]
                  };
                  
                  N Offline
                  N Offline
                  nono87
                  wrote on last edited by
                  #4607

                  @tt-tom
                  Das habe ich gemacht, aber dennoch bleibt es leer.

                  let SpotifyPremium = <PageMedia>
                  {
                      'type': 'cardMedia',
                      'heading': 'Spotify-Premium',
                      'useColor': true,
                      'items': [<PageItem>{ 
                                  id: AliasPath + 'Media.PlayerSpotifyPremium', 
                                  adapterPlayerInstance: "spotify-premium.0.",
                                  speakerList: ['Denon AVR-X1300W','iPhone'],
                                  playList: ['Car Music'],
                                  repeatList: ['off','context','track'],
                                  equalizerList: ['Bassboost','Klassik','Dance', 'Deep', 'Electronic', 'Flat', 'Hip-Hop', 'Rock', 
                                                  'Metal', 'Jazz', 'Latin', 'Tonstärke', 'Lounge', 'Piano'],
                                  colorMediaIcon: colorSpotify,
                                  colorMediaArtist: Yellow,
                                  colorMediaTitle: Yellow,
                                  alwaysOnDisplay: true,
                                  autoCreateALias: true
                               }]
                  };
                  
                  

                  Unbenannt.PNG

                  T 1 Reply Last reply
                  0
                  • N nono87

                    @tt-tom
                    Das habe ich gemacht, aber dennoch bleibt es leer.

                    let SpotifyPremium = <PageMedia>
                    {
                        'type': 'cardMedia',
                        'heading': 'Spotify-Premium',
                        'useColor': true,
                        'items': [<PageItem>{ 
                                    id: AliasPath + 'Media.PlayerSpotifyPremium', 
                                    adapterPlayerInstance: "spotify-premium.0.",
                                    speakerList: ['Denon AVR-X1300W','iPhone'],
                                    playList: ['Car Music'],
                                    repeatList: ['off','context','track'],
                                    equalizerList: ['Bassboost','Klassik','Dance', 'Deep', 'Electronic', 'Flat', 'Hip-Hop', 'Rock', 
                                                    'Metal', 'Jazz', 'Latin', 'Tonstärke', 'Lounge', 'Piano'],
                                    colorMediaIcon: colorSpotify,
                                    colorMediaArtist: Yellow,
                                    colorMediaTitle: Yellow,
                                    alwaysOnDisplay: true,
                                    autoCreateALias: true
                                 }]
                    };
                    
                    

                    Unbenannt.PNG

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

                    @nono87 lösche mal bitte den Alias nochmal und lass ihn jetzt neu anlegen. Vielleicht hilft das.

                    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

                    N 1 Reply Last reply
                    0
                    • T TT-Tom

                      @nono87 lösche mal bitte den Alias nochmal und lass ihn jetzt neu anlegen. Vielleicht hilft das.

                      N Offline
                      N Offline
                      nono87
                      wrote on last edited by
                      #4609

                      @tt-tom

                      Auch das hat leider nicht geholfen.

                      T 1 Reply Last reply
                      0
                      • N nono87

                        @tt-tom

                        Auch das hat leider nicht geholfen.

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

                        @nono87

                        Dann kann ich dir leider auch nicht weiterhelfen. Vielleicht hat ein anderer User hier noch eine Idee.

                        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

                        N 1 Reply Last reply
                        0
                        • W Offline
                          W Offline
                          Whity
                          wrote on last edited by
                          #4611

                          Hallo zusammen und erstmal frohe besinnliche Festtage,

                          bin bis dato nur 1 von den tausenden stillen Mitlesern, aber stehe jetzt doch vor einem Problem.

                          bei der PageGrid2 wird mir das 8. Symbol nicht angezeigt, anbei mal der Code

                          let Sensoren_KG = <PageGrid2>{
                              'type': 'cardGrid2',
                              'heading': 'Sensoren',
                              'useColor': true,
                              'subPage': true,
                              'parent': Untergeschoss,
                              'items': [ 
                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Flur_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Flur'},
                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Wasser', icon: "water", offColor: MSGreen, onColor: MSRed, name: "Heizung"},
                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Heizung'},
                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Feuer', icon: 'fire',  offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Vorratsraum_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Vorratsraum'},
                                 ]
                          }
                          

                          Verschiebe ich die Zeilen untereinander, wird mir das passende angezeigt nur eben das 8. Icon nicht.
                          Wenn ich jetzt aus Spaß mal die Temperatur vom Wetter an die 8. Stelle setze, funktioniert es.

                          <PageItem>{ id: 'alias.0.NSPanel.Wetter.Temperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} }
                          

                          Irgendwie ist mir das gerade zu hoch, um es zu verstehen.

                          Matthias

                          T 1 Reply Last reply
                          0
                          • W Whity

                            Hallo zusammen und erstmal frohe besinnliche Festtage,

                            bin bis dato nur 1 von den tausenden stillen Mitlesern, aber stehe jetzt doch vor einem Problem.

                            bei der PageGrid2 wird mir das 8. Symbol nicht angezeigt, anbei mal der Code

                            let Sensoren_KG = <PageGrid2>{
                                'type': 'cardGrid2',
                                'heading': 'Sensoren',
                                'useColor': true,
                                'subPage': true,
                                'parent': Untergeschoss,
                                'items': [ 
                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Flur_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Flur'},
                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Wasser', icon: "water", offColor: MSGreen, onColor: MSRed, name: "Heizung"},
                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Heizung'},
                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Feuer', icon: 'fire',  offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Vorratsraum_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Vorratsraum'},
                                   ]
                            }
                            

                            Verschiebe ich die Zeilen untereinander, wird mir das passende angezeigt nur eben das 8. Icon nicht.
                            Wenn ich jetzt aus Spaß mal die Temperatur vom Wetter an die 8. Stelle setze, funktioniert es.

                            <PageItem>{ id: 'alias.0.NSPanel.Wetter.Temperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} }
                            

                            Irgendwie ist mir das gerade zu hoch, um es zu verstehen.

                            Matthias

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

                            @whity
                            Tausche mal bitte die letzten beiden von der Reihenfolge. Sonst kann ich da kein Fehler sehen.

                            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
                            1
                            • W Offline
                              W Offline
                              Whity
                              wrote on last edited by Whity
                              #4613

                              @TT-Tom
                              Habe es mal jetzt so geändert:

                              let Sensoren_KG = <PageGrid2>{
                                  'type': 'cardGrid2',
                                  'heading': 'Sensoren',
                                  'useColor': true,
                                  'subPage': true,
                                  'parent': Untergeschoss,
                                  'items': [ 
                                          <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Flur_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Flur'},
                                          <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Wasser', icon: "water", offColor: MSGreen, onColor: MSRed, name: "Heizung"},
                                          <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Heizung'},
                                          <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                          <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Feuer', icon: 'fire',  offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                          <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                          <PageItem>{ id: 'alias.0.NSPanel.Wetter.Temperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                          <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                          
                                         ]
                              }
                              

                              Dann sieht es jetzt so aus:
                              eb9d0da6-2e74-4db3-92c7-61cd0d63cdd1-WIN_20231224_13_04_27_Pro.jpg

                              das Symbol wird angezeigt, aber ohne Name und schwarz (sorry für das verschwommene Bild)

                              egalE K ArmilarA 3 Replies Last reply
                              0
                              • W Whity

                                @TT-Tom
                                Habe es mal jetzt so geändert:

                                let Sensoren_KG = <PageGrid2>{
                                    'type': 'cardGrid2',
                                    'heading': 'Sensoren',
                                    'useColor': true,
                                    'subPage': true,
                                    'parent': Untergeschoss,
                                    'items': [ 
                                            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Flur_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Flur'},
                                            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Wasser', icon: "water", offColor: MSGreen, onColor: MSRed, name: "Heizung"},
                                            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Heizung'},
                                            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Feuer', icon: 'fire',  offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                            <PageItem>{ id: 'alias.0.NSPanel.Wetter.Temperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                            
                                           ]
                                }
                                

                                Dann sieht es jetzt so aus:
                                eb9d0da6-2e74-4db3-92c7-61cd0d63cdd1-WIN_20231224_13_04_27_Pro.jpg

                                das Symbol wird angezeigt, aber ohne Name und schwarz (sorry für das verschwommene Bild)

                                egalE Offline
                                egalE Offline
                                egal
                                wrote on last edited by
                                #4614

                                @whity sagte in SONOFF NSPanel mit Lovelace UI:

                                @TT-Tom

                                            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                            
                                           ]
                                }
                                das Symbol wird angezeigt, aber ohne Name und schwarz (sorry für das verschwommene Bild)
                                

                                das Komma zuviel hinter dem letzten Eintrag ?

                                Gruß Uwe ;-)

                                1 Reply Last reply
                                0
                                • W Offline
                                  W Offline
                                  Whity
                                  wrote on last edited by
                                  #4615

                                  leider nein, war auch mein 1. Verdacht, aber ändert nichts daran

                                  1 Reply Last reply
                                  0
                                  • W Whity

                                    @TT-Tom
                                    Habe es mal jetzt so geändert:

                                    let Sensoren_KG = <PageGrid2>{
                                        'type': 'cardGrid2',
                                        'heading': 'Sensoren',
                                        'useColor': true,
                                        'subPage': true,
                                        'parent': Untergeschoss,
                                        'items': [ 
                                                <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Flur_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Flur'},
                                                <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Wasser', icon: "water", offColor: MSGreen, onColor: MSRed, name: "Heizung"},
                                                <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Heizung'},
                                                <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                                <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Feuer', icon: 'fire',  offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                                <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                                <PageItem>{ id: 'alias.0.NSPanel.Wetter.Temperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                                <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                                
                                               ]
                                    }
                                    

                                    Dann sieht es jetzt so aus:
                                    eb9d0da6-2e74-4db3-92c7-61cd0d63cdd1-WIN_20231224_13_04_27_Pro.jpg

                                    das Symbol wird angezeigt, aber ohne Name und schwarz (sorry für das verschwommene Bild)

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

                                    @whity

                                    Hi,

                                    wollkommen hier im Forum & frohe Weihnachten :-)

                                    Kannst Du bei dem letzten Eintrag mal den Alias "Kellerraum_Feuer" ausprobieren? Ich habe so die Vermutung, es könnte am Alias liegen.

                                    Bekommst Du denn Fehlermeldungen beim Startend es Scripts?

                                    Bitte achte darauf am Besten immer Hochkommas oder Anführungszeichen zu verwenden. Man sollte einen einheitlichen Stil bewaren ;-)

                                    LG

                                    NSPanel Dokumentation im GitHub Wiki:

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

                                    1 Reply Last reply
                                    0
                                    • W Offline
                                      W Offline
                                      Whity
                                      wrote on last edited by
                                      #4617

                                      Hallo @Kuckuckmann
                                      Fehler beim Starten des Scripts gibt es nicht.
                                      nur zur Info falls noch fehlt: TFT Firmware ist 4.3.3, Version Tasmota: 13.3.0(nspanel), Script: 4.3.3.25, alles komplett neu installiert die Woche, das Panel war noch jungfräulich.

                                      das mit den ' und " ist bestimmt beim kopieren von der Info/Installationsseite und icon-mapping ts passiert, habe mal alle die ich so finden konnte angepasst auf '.

                                      Wenn ich den Kellerraum Feuer nach hinten packe, ändert sich das letzte Symbol auf hellgrün, sonst bleibt alles beim alten.

                                      K 1 Reply Last reply
                                      0
                                      • W Whity

                                        Hallo @Kuckuckmann
                                        Fehler beim Starten des Scripts gibt es nicht.
                                        nur zur Info falls noch fehlt: TFT Firmware ist 4.3.3, Version Tasmota: 13.3.0(nspanel), Script: 4.3.3.25, alles komplett neu installiert die Woche, das Panel war noch jungfräulich.

                                        das mit den ' und " ist bestimmt beim kopieren von der Info/Installationsseite und icon-mapping ts passiert, habe mal alle die ich so finden konnte angepasst auf '.

                                        Wenn ich den Kellerraum Feuer nach hinten packe, ändert sich das letzte Symbol auf hellgrün, sonst bleibt alles beim alten.

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

                                        @whity

                                        Welche TFT Version (Display_Firmware) hast Du drauf?
                                        Testweise, setzt mal auf alle 8 Plätzt ein PageItem was generell richtig angezeigt wird. Wie verhält es sich dann?

                                        NSPanel Dokumentation im GitHub Wiki:

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

                                        W 1 Reply Last reply
                                        0
                                        • W Offline
                                          W Offline
                                          Whity
                                          wrote on last edited by
                                          #4619

                                          Habe noch etwas getestet und mal das Licht ausm Keller als letzten reingesetzt

                                          let Sensoren_KG = <PageGrid2>{
                                              'type': 'cardGrid2',
                                              'heading': 'Sensoren',
                                              'useColor': true,
                                              'subPage': true,
                                              'parent': Untergeschoss,
                                              'items': [ 
                                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Flur_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Flur'},
                                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Wasser', icon: "water", offColor: MSGreen, onColor: MSRed, name: 'Heizung'},
                                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Heizung'},
                                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                                      <PageItem>{ id: 'alias.0.NSPanel.Wetter.Temperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                                      // <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Vorratsraum_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Vorratsraum'},
                                                      // <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Feuer', icon: 'fire',  offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                                      <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Flur.Licht', interpolateColor: true}
                                                      
                                                     ]
                                          }
                                          

                                          dann zeigt er mir das Licht als 8. an

                                          K 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

                                          577

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          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