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
    13
    1
    145

  • 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.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.
  • ? A Former User

    @armilar
    Der steht schon auf false. Es ändert sich aber nichts. Der Wechsel erfolgt weiterhin.

    Es ändert sich auch nur die bottomScreensaverEntity 1. Alle anderen bleiben gleich.

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

    @darkness_08

    Der Wechsel ist auch nur in den bottomScreensaverEnties.

    Starte mal deine JS-Instanz durch

    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.

    A ? 2 Replies Last reply
    0
    • A AlfredTetzlaff

      @darkness_08
      Hi, in die Runde...
      Habe das Script (ohne die Beispielseiten) geladen. Funzt erstmal.
      Diesen Block habe ich eingefügt.

          [
              // leftScreensaverEntity 1 (only Advanced Screensaver)
              {
                  ScreensaverEntity: NSPanel_Path + 'Sensor.ANALOG.Temperature',
                  ScreensaverEntityFactor: 1,
                  ScreensaverEntityDecimalPlaces: 1,
                  ScreensaverEntityIconOn: 'thermometer',
                  ScreensaverEntityIconOff: null,
                  ScreensaverEntityText: 'Temperatur',
                  ScreensaverEntityUnitText: '°C',
                  ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 35, 'val_best': 22}
              },
              // leftScreensaverEntity 2 (only Advanced Screensaver)
              {
                  // ScreensaverEntity: 'sonoff.0.DZG_DWSB20_2H.DZG_Leistung_Aktuell',     geändert 07.03.2023
                  ScreensaverEntity: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal',
                  ScreensaverEntityFactor: 1,
                  ScreensaverEntityDecimalPlaces: 0,
                  ScreensaverEntityIconOn: 'counter',
                  ScreensaverEntityIconOff: null,
                  ScreensaverEntityText: 'L1-L3',
                  ScreensaverEntityUnitText: ' kW',
                  ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 5000}
              },
      
              {
                  // ScreensaverEntity: 'sonoff.0.DZG_DWSB20_2H.DZG_Leistung_Aktuell',     geändert 07.03.2023
                  ScreensaverEntity: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eToday',
                  ScreensaverEntityFactor: 1000,
                  ScreensaverEntityDecimalPlaces: 0,
                  ScreensaverEntityIconOn: 'counter',
                  ScreensaverEntityIconOff: null,
                  ScreensaverEntityText: 'L1-L3',
                  ScreensaverEntityUnitText: ' W',
                  ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 5000}
              },
          ],
      

      Auf der linken Seite wird jetzt im Minutenakt einmal meine Werte angezeigt (freu) und dann einmal ein "counter" + "nul" und darunter ein Mülleimer und "null".
      Der untere Abschitt zeigt konstant "Sonne WInd Böen Windr" an und wechselt nicht.
      Ich habe dann mit der Suchfunktion im Script nach diesem String gesucht:
      0_userdata.0.NSPanel.1.ScreensaverInfo.weatherForecastTimer
      Finde aber nichts.
      Dieser Fehler ist zwar nur Kosmetik, aber ich möchte das Ganze verstehen, und jede Änderung nachvollziehen können.
      LG Alfred

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

      @alfredtetzlaff sagte in SONOFF NSPanel mit Lovelace UI:

      0_userdata.0.NSPanel.1.ScreensaverInfo

      Sende mal einen Screenshot aller Datenpunkte in

      0_userdata.0.NSPanel.1.ScreensaverInfo

      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
      • ArmilarA Armilar

        @darkness_08

        Der Wechsel ist auch nur in den bottomScreensaverEnties.

        Starte mal deine JS-Instanz durch

        A Offline
        A Offline
        AlfredTetzlaff
        wrote on last edited by
        #2444

        @armilar
        Alle Instanzen nue gezündet....Scheint zu funzen....Freu....:+1: :+1: :+1:

        A 2 Replies Last reply
        0
        • A AlfredTetzlaff

          @armilar
          Alle Instanzen nue gezündet....Scheint zu funzen....Freu....:+1: :+1: :+1:

          A Offline
          A Offline
          AlfredTetzlaff
          wrote on last edited by
          #2445

          @alfredtetzlaff
          20230308_110455.jpg

          A 1 Reply Last reply
          0
          • A AlfredTetzlaff

            @alfredtetzlaff
            20230308_110455.jpg

            A Offline
            A Offline
            AlfredTetzlaff
            wrote on last edited by
            #2446

            @alfredtetzlaff
            WIeder was gelernt...Bei jeder Änderung (oder fast jeder),,,alles neu starten.

            A 1 Reply Last reply
            0
            • A AlfredTetzlaff

              @alfredtetzlaff
              WIeder was gelernt...Bei jeder Änderung (oder fast jeder),,,alles neu starten.

              A Offline
              A Offline
              AlfredTetzlaff
              wrote on last edited by
              #2447

              @alfredtetzlaff
              So sieht es jetzt aus.....und wir bleiben drann:

              20230308_110941.jpg

              A 1 Reply Last reply
              0
              • A AlfredTetzlaff

                @alfredtetzlaff
                So sieht es jetzt aus.....und wir bleiben drann:

                20230308_110941.jpg

                A Offline
                A Offline
                AlfredTetzlaff
                wrote on last edited by
                #2448

                @alfredtetzlaff
                DANKE....:+1: :+1: :+1:

                1 Reply Last reply
                0
                • ArmilarA Armilar

                  @darkness_08

                  Der Wechsel ist auch nur in den bottomScreensaverEnties.

                  Starte mal deine JS-Instanz durch

                  ? Offline
                  ? Offline
                  A Former User
                  wrote on last edited by
                  #2449

                  @armilar
                  Das war der Trick. Jetzt scheint es zu laufen. Danke

                  1 Reply Last reply
                  0
                  • T Offline
                    T Offline
                    tklein
                    wrote on last edited by
                    #2450

                    Hallo,

                    ich musste mit meinem NS Panel Projekt leider eine Pause einlegen. Jetzt würde ich gerne wieder durchstarten.

                    Was/wie in welcher Reihenfolge müsste ich updaten, damit ich wieder uptodate bin?

                    3643e0f6-1855-4b3f-b7d8-c03482b7722d-grafik.png

                    Gibt es mittlerweile einen eigenen Adapter dazu? Meine mal in der Vergangenheit etwas gelesen zu habe.

                    Grüße
                    Thomas

                    T 1 Reply Last reply
                    0
                    • A AlfredTetzlaff

                      @armilar
                      Alle Instanzen nue gezündet....Scheint zu funzen....Freu....:+1: :+1: :+1:

                      A Offline
                      A Offline
                      AlfredTetzlaff
                      wrote on last edited by
                      #2451

                      @alfredtetzlaff
                      So, habe eine neue Seite hinzugefügt, als Test,,,zum Erlernen der anderen Tricks:

                      //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------

                      let PV = <PageGrid>
                      {
                      'type': 'cardGrid',
                      'heading': 'Growatt',
                      'useColor': true,
                      'items': [
                      <PageItem>{ id: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal'},
                      <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                      <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                      ]
                      };
                      //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------

                      Vorher hatte ich die aliase mit dem GeräteManager angelegt und mit den Growatt-DP verbunden.
                      Zusätzlich noch die Seite eingefügt:

                      weatherEntity: 'alias.0.Wetter', // Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
                      defaultOffColor: Off, // Default-Farbe für Off-Zustände
                      defaultOnColor: On, // Default-Farbe für On-Zustände
                      defaultColor: Off,
                      defaultBackgroundColor: HMIDark, // Default-Hintergrundfarbe HMIDark oder Black
                      pages: [
                      PV,
                      NSPanel_Service, //Auto-Alias Service Page
                      ],

                      Nun wird eine neue Seite angezeigt, mit der Überschrift "Growatt".
                      Doppelklick im Screener bringt mich auch dorthin, kann dann auf die Service-Seite navigieren und zurück zu "Growatt". Nun fehlen aber noch die Anzeigewerte, und/oder auch die Icons (nur zum Testen).
                      Was habe ich noch übersehen????

                      ArmilarA T 2 Replies Last reply
                      0
                      • A AlfredTetzlaff

                        @alfredtetzlaff
                        So, habe eine neue Seite hinzugefügt, als Test,,,zum Erlernen der anderen Tricks:

                        //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------

                        let PV = <PageGrid>
                        {
                        'type': 'cardGrid',
                        'heading': 'Growatt',
                        'useColor': true,
                        'items': [
                        <PageItem>{ id: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal'},
                        <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                        <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                        ]
                        };
                        //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------

                        Vorher hatte ich die aliase mit dem GeräteManager angelegt und mit den Growatt-DP verbunden.
                        Zusätzlich noch die Seite eingefügt:

                        weatherEntity: 'alias.0.Wetter', // Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
                        defaultOffColor: Off, // Default-Farbe für Off-Zustände
                        defaultOnColor: On, // Default-Farbe für On-Zustände
                        defaultColor: Off,
                        defaultBackgroundColor: HMIDark, // Default-Hintergrundfarbe HMIDark oder Black
                        pages: [
                        PV,
                        NSPanel_Service, //Auto-Alias Service Page
                        ],

                        Nun wird eine neue Seite angezeigt, mit der Überschrift "Growatt".
                        Doppelklick im Screener bringt mich auch dorthin, kann dann auf die Service-Seite navigieren und zurück zu "Growatt". Nun fehlen aber noch die Anzeigewerte, und/oder auch die Icons (nur zum Testen).
                        Was habe ich noch übersehen????

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

                        @alfredtetzlaff

                        Kennst du die Wiki nicht?

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

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

                        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)

                        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.

                        A 1 Reply Last reply
                        0
                        • T tklein

                          Hallo,

                          ich musste mit meinem NS Panel Projekt leider eine Pause einlegen. Jetzt würde ich gerne wieder durchstarten.

                          Was/wie in welcher Reihenfolge müsste ich updaten, damit ich wieder uptodate bin?

                          3643e0f6-1855-4b3f-b7d8-c03482b7722d-grafik.png

                          Gibt es mittlerweile einen eigenen Adapter dazu? Meine mal in der Vergangenheit etwas gelesen zu habe.

                          Grüße
                          Thomas

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

                          @tklein sagte in SONOFF NSPanel mit Lovelace UI:

                          Was/wie in welcher Reihenfolge müsste ich updaten, damit ich wieder uptodate bin?

                          als erstes solltest du Tasmota auf den aktuellen Stand bringen.
                          Panel neu starten
                          Berry Driver

                          Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
                          

                          in der Tasmota Console die TFT-Firmware aktualisieren.

                          FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.0.4.tft
                          

                          und dann das neue Script von Github laden.

                          Es haben sich viele Schreibweisen im laufe der Zeit geändert. Lese im Wiki einfach mal nach, das ist es sehr gut dokumentiert.

                          Wichtig bevor du das neue Script startest, lösche deine PanelObjekte "NSPanel.1." unter 0_userdata.0. und alias.0.

                          Gibt es mittlerweile einen eigenen Adapter dazu?

                          nein, gibt es nicht

                          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

                          T 1 Reply Last reply
                          0
                          • A AlfredTetzlaff

                            @alfredtetzlaff
                            So, habe eine neue Seite hinzugefügt, als Test,,,zum Erlernen der anderen Tricks:

                            //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------

                            let PV = <PageGrid>
                            {
                            'type': 'cardGrid',
                            'heading': 'Growatt',
                            'useColor': true,
                            'items': [
                            <PageItem>{ id: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal'},
                            <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                            <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                            ]
                            };
                            //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------

                            Vorher hatte ich die aliase mit dem GeräteManager angelegt und mit den Growatt-DP verbunden.
                            Zusätzlich noch die Seite eingefügt:

                            weatherEntity: 'alias.0.Wetter', // Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
                            defaultOffColor: Off, // Default-Farbe für Off-Zustände
                            defaultOnColor: On, // Default-Farbe für On-Zustände
                            defaultColor: Off,
                            defaultBackgroundColor: HMIDark, // Default-Hintergrundfarbe HMIDark oder Black
                            pages: [
                            PV,
                            NSPanel_Service, //Auto-Alias Service Page
                            ],

                            Nun wird eine neue Seite angezeigt, mit der Überschrift "Growatt".
                            Doppelklick im Screener bringt mich auch dorthin, kann dann auf die Service-Seite navigieren und zurück zu "Growatt". Nun fehlen aber noch die Anzeigewerte, und/oder auch die Icons (nur zum Testen).
                            Was habe ich noch übersehen????

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

                            @alfredtetzlaff

                            bitte gewöhne dir an Codezeilen in die Codetaks </> zu schreiben, dass lässt sich besser lesen. findest du oben in der Menüleiste 5te Icon.

                            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

                            A 1 Reply Last reply
                            0
                            • ArmilarA Armilar

                              @alfredtetzlaff

                              Kennst du die Wiki nicht?

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

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

                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)

                              A Offline
                              A Offline
                              AlfredTetzlaff
                              wrote on last edited by
                              #2455

                              @armilar
                              Kenne ich, und bestimmt 10x durchgelesen,,habe vl. was übersehen???
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)
                              Ein cardGrid müsste doch für diesen Zweck ausreichend sein....Sind die Aliase falsch??

                              T 1 Reply Last reply
                              0
                              • T TT-Tom

                                @alfredtetzlaff

                                bitte gewöhne dir an Codezeilen in die Codetaks </> zu schreiben, dass lässt sich besser lesen. findest du oben in der Menüleiste 5te Icon.

                                A Offline
                                A Offline
                                AlfredTetzlaff
                                wrote on last edited by
                                #2456

                                @tt-tom
                                Jo, mache ich. In Hitze des Gefechts ,,,einfach übersehen...

                                1 Reply Last reply
                                0
                                • A AlfredTetzlaff

                                  @armilar
                                  Kenne ich, und bestimmt 10x durchgelesen,,habe vl. was übersehen???
                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)
                                  Ein cardGrid müsste doch für diesen Zweck ausreichend sein....Sind die Aliase falsch??

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

                                  @alfredtetzlaff

                                  Du hast einen Fehler bei dem PageItem

                                  'items': [
                                  <PageItem>{ id: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal'},
                                  <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                                  <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                                  ]
                                  

                                  Das Actual kommt da nicht mit hin. Dein erstes PageItem ist falsch angelegt, ist kein Alias.

                                  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

                                  A 1 Reply Last reply
                                  0
                                  • T TT-Tom

                                    @alfredtetzlaff

                                    Du hast einen Fehler bei dem PageItem

                                    'items': [
                                    <PageItem>{ id: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal'},
                                    <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                                    <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                                    ]
                                    

                                    Das Actual kommt da nicht mit hin. Dein erstes PageItem ist falsch angelegt, ist kein Alias.

                                    A Offline
                                    A Offline
                                    AlfredTetzlaff
                                    wrote on last edited by
                                    #2458

                                    @tt-tom
                                    Okay, Den ersten PageItem hatte ich später hinzugefügt, nur als Test.
                                    Vorher waren nur die alias-Item drin......Aber ich schmeiss den ersten gleich raus. und starte neu...

                                    A T 2 Replies Last reply
                                    0
                                    • A AlfredTetzlaff

                                      @tt-tom
                                      Okay, Den ersten PageItem hatte ich später hinzugefügt, nur als Test.
                                      Vorher waren nur die alias-Item drin......Aber ich schmeiss den ersten gleich raus. und starte neu...

                                      A Offline
                                      A Offline
                                      AlfredTetzlaff
                                      wrote on last edited by
                                      #2459

                                      @alfredtetzlaff
                                      So sieht es jetzt aus....trotzdem keine Werte oder auch Icons:

                                      //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                                      
                                      let PV = <PageGrid>
                                      {
                                          'type': 'cardGrid',
                                          'heading': 'Growatt',
                                          'useColor': true,
                                          'items': [
                                              
                                              <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                                              <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                                          ]
                                      
                                      ArmilarA 1 Reply Last reply
                                      0
                                      • A AlfredTetzlaff

                                        @tt-tom
                                        Okay, Den ersten PageItem hatte ich später hinzugefügt, nur als Test.
                                        Vorher waren nur die alias-Item drin......Aber ich schmeiss den ersten gleich raus. und starte neu...

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

                                        @alfredtetzlaff

                                        Hier ein Beispiel für eine Page mit Werten. Ist auch im Script vorgestellt.

                                        let SensorGrid = <PageGrid>
                                        {
                                            'type': 'cardGrid',
                                            'heading': 'Sensor Werte',
                                            'useColor': true,
                                            'items': [
                                                <PageItem>{ id: 'alias.0.NSPanel_1.TestTemperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                                <PageItem>{ id: 'alias.0.NSPanel_1.TestFeuchtigkeit', name: 'Luftfeuchte %', offColor: MSYellow, onColor: MSYellow , useValue: true, colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                                                <PageItem>{ id: 'alias.0.NSPanel_1.Taupunkt', name: 'Taupunkt °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                                <PageItem>{ id: 'alias.0.NSPanel_1.UV_Index', name: 'UV Index', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 12} },
                                                <PageItem>{ id: 'alias.0.NSPanel_1.Windstaerke', name: 'Windstärke bft', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 9} },
                                                <PageItem>{ id: 'alias.0.NSPanel_1.Luftdruck', name: 'Luftdruck hPa', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 950, 'val_max': 1050, 'val_best': 1013} },
                                            ]
                                        };
                                        

                                        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

                                        A 1 Reply Last reply
                                        0
                                        • T TT-Tom

                                          @alfredtetzlaff

                                          Hier ein Beispiel für eine Page mit Werten. Ist auch im Script vorgestellt.

                                          let SensorGrid = <PageGrid>
                                          {
                                              'type': 'cardGrid',
                                              'heading': 'Sensor Werte',
                                              'useColor': true,
                                              'items': [
                                                  <PageItem>{ id: 'alias.0.NSPanel_1.TestTemperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                                  <PageItem>{ id: 'alias.0.NSPanel_1.TestFeuchtigkeit', name: 'Luftfeuchte %', offColor: MSYellow, onColor: MSYellow , useValue: true, colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                                                  <PageItem>{ id: 'alias.0.NSPanel_1.Taupunkt', name: 'Taupunkt °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                                  <PageItem>{ id: 'alias.0.NSPanel_1.UV_Index', name: 'UV Index', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 12} },
                                                  <PageItem>{ id: 'alias.0.NSPanel_1.Windstaerke', name: 'Windstärke bft', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 9} },
                                                  <PageItem>{ id: 'alias.0.NSPanel_1.Luftdruck', name: 'Luftdruck hPa', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 950, 'val_max': 1050, 'val_best': 1013} },
                                              ]
                                          };
                                          
                                          A Offline
                                          A Offline
                                          AlfredTetzlaff
                                          wrote on last edited by
                                          #2461

                                          @tt-tom
                                          Danke, ich schmeiss das gleich rein....

                                          A 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

                                          560

                                          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