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
    15
    1
    213

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

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

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.2m 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

    Ich hätte eine Frage zum Screensaver (v4.3.3.17).
    Ich nutze das us-p Layout und hier scheinen im Screensaver die Wetteranzeigen verschoben zu sein.
    Also alias.0.Wetter wird gar nicht angezeigt, dafür steht dort der Sonnenaufgang.nspanel.jpg
    Hat jemand auch die US-Version und hat eine Idee woran das liegen könnte?
    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.
    VG,
    Jürgen

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

    @subu

    Zeige mal deinen "alias.0.Wetter"

    Und bitte auch dazu diesen Part aus dem Script

    6419a6be-c4d6-4166-964f-c260124a77b3-image.png

    Ich vermute mal, dass der Alias "alias.0.Wetter" keine Daten liefert. Dann würde sich das nächste Objekt in die Reihenfolge schieben. Dem Serial-Protocol ist es nämlich egal, was es für Enititäten bekommt...

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          536

                                          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