Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test lovelace 5.x

NEWS

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

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

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

Test lovelace 5.x

Geplant Angeheftet Gesperrt Verschoben Tester
969 Beiträge 91 Kommentatoren 419.0k Aufrufe 74 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • fhainzF fhainz

    Hallo!

    Wäre es möglich in einem zukünftigen Release die linke Sidebar mit einzubinden? Langsam wird das Navigieren nur mit der Menü-Leiste ganz oben recht unübersichtlich.

    Schöne Grüße

    GarfonsoG Offline
    GarfonsoG Offline
    Garfonso
    Developer
    schrieb am zuletzt editiert von
    #681

    @fhainz
    Grundsätzlich hab ich das schon mal überlegt... da müsste ich dann gucken, wie ich einiges Zeug von homeassistant ausblende. Das könnte umfangreicher werden. 😉

    Das hätte den Vorteil, dass man sich verschiedene ... äh... weiß nicht mehr, wie das in HomeAssistant richtig heißt, aber im Grunde was wir jetzt haben mehrere definieren und untereinander anzeigen.

    Das könnte schon ok sein. Wenn ich mich recht erinnere, kann man auch über browser_mod dann auf einzelnen browsern die seitenleiste wieder ausblenden.

    Aber @David-G hat schon recht, im Grunde kann man etwas ähnliches über mehrere Instanzen erzeugen.

    Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

    Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

    fhainzF 1 Antwort Letzte Antwort
    0
    • GarfonsoG Garfonso

      @fhainz
      Grundsätzlich hab ich das schon mal überlegt... da müsste ich dann gucken, wie ich einiges Zeug von homeassistant ausblende. Das könnte umfangreicher werden. 😉

      Das hätte den Vorteil, dass man sich verschiedene ... äh... weiß nicht mehr, wie das in HomeAssistant richtig heißt, aber im Grunde was wir jetzt haben mehrere definieren und untereinander anzeigen.

      Das könnte schon ok sein. Wenn ich mich recht erinnere, kann man auch über browser_mod dann auf einzelnen browsern die seitenleiste wieder ausblenden.

      Aber @David-G hat schon recht, im Grunde kann man etwas ähnliches über mehrere Instanzen erzeugen.

      fhainzF Offline
      fhainzF Offline
      fhainz
      schrieb am zuletzt editiert von
      #682

      @garfonso

      Ok, vielen dank euch beiden für die infos.

      Hast du vielleicht eine idee bzgl. meinem oben genannten Problem mit dem Zurück Button?

      1 Antwort Letzte Antwort
      0
      • J Online
        J Online
        JohnDenver0815
        schrieb am zuletzt editiert von JohnDenver0815
        #683

        ioBroker -> Lovelace -> Markdown -> IF-Abfrage

        Der Codeabschnitt

        type: custom:button-card
        name: ''
        styles:
          grid:
            - grid-template-columns: 1fr
            - grid-template-rows: 1fr
            - gap: 0px 0px
            - grid-auto-flow: row
            - justify-content: center
            - align-content: center
            - justify-items: center
            - align-items: center
            - grid-template-areas: '"OnlineStatus"'
        custom_fields:
          OnlineStatus:
            card:
              type: markdown
              content: '{alias.0.Steckdosen.EG_AZ_Testplug.online}'
        


        liefert als Ergebnis true bzw. false, je nachdem ob der dem Alias zugrundeliegende Shelly-Plug Online oder Offline ist. Das Ergebnis würde ich gern innerhalb des YAML-Codes so wandeln, das die im Markdown angezeigten Worte Online bzw. Offline lauten.

        Folgender Versuch

        type: custom:button-card
        name: ''
        styles:
          grid:
            - grid-template-columns: 1fr
            - grid-template-rows: 1fr
            - gap: 0px 0px
            - grid-auto-flow: row
            - justify-content: center
            - align-content: center
            - justify-items: center
            - align-items: center
            - grid-template-areas: '"OnlineStatus"'
        custom_fields:
          OnlineStatus:
            card:
              type: markdown
              content: |-
                [[[ if ('alias.0.Steckdosen.EG_AZ_Testplug.online') {
                  return('Online');
                } else {
                  return('Offline');
                }
                ]]]
        


        liefert allerdings grundsätzlich Online zurück, währenddessen die Card mit dem oberen Code fleissig zwischen true und false wechselt. Mir drängt sich der Verdacht auf, dass im zweiten Codeblock lediglich geprüft wird, ob der DP vorhanden ist.

        Wo liegt hier mein Denk- bzw. Syntaxfehler?

        Danke im Voraus

        Edit: Könnte hier auch die Konvertierungsfunktion im Alias-DP genutzt werden? Falls ja, wäre das sicher eleganter, allerdings hab ich bzgl. des dort einzutragenden Codes noch mehr Fragezeichen.

        HomoranH XBiTX GarfonsoG 3 Antworten Letzte Antwort
        0
        • J JohnDenver0815

          ioBroker -> Lovelace -> Markdown -> IF-Abfrage

          Der Codeabschnitt

          type: custom:button-card
          name: ''
          styles:
            grid:
              - grid-template-columns: 1fr
              - grid-template-rows: 1fr
              - gap: 0px 0px
              - grid-auto-flow: row
              - justify-content: center
              - align-content: center
              - justify-items: center
              - align-items: center
              - grid-template-areas: '"OnlineStatus"'
          custom_fields:
            OnlineStatus:
              card:
                type: markdown
                content: '{alias.0.Steckdosen.EG_AZ_Testplug.online}'
          


          liefert als Ergebnis true bzw. false, je nachdem ob der dem Alias zugrundeliegende Shelly-Plug Online oder Offline ist. Das Ergebnis würde ich gern innerhalb des YAML-Codes so wandeln, das die im Markdown angezeigten Worte Online bzw. Offline lauten.

          Folgender Versuch

          type: custom:button-card
          name: ''
          styles:
            grid:
              - grid-template-columns: 1fr
              - grid-template-rows: 1fr
              - gap: 0px 0px
              - grid-auto-flow: row
              - justify-content: center
              - align-content: center
              - justify-items: center
              - align-items: center
              - grid-template-areas: '"OnlineStatus"'
          custom_fields:
            OnlineStatus:
              card:
                type: markdown
                content: |-
                  [[[ if ('alias.0.Steckdosen.EG_AZ_Testplug.online') {
                    return('Online');
                  } else {
                    return('Offline');
                  }
                  ]]]
          


          liefert allerdings grundsätzlich Online zurück, währenddessen die Card mit dem oberen Code fleissig zwischen true und false wechselt. Mir drängt sich der Verdacht auf, dass im zweiten Codeblock lediglich geprüft wird, ob der DP vorhanden ist.

          Wo liegt hier mein Denk- bzw. Syntaxfehler?

          Danke im Voraus

          Edit: Könnte hier auch die Konvertierungsfunktion im Alias-DP genutzt werden? Falls ja, wäre das sicher eleganter, allerdings hab ich bzgl. des dort einzutragenden Codes noch mehr Fragezeichen.

          HomoranH Nicht stören
          HomoranH Nicht stören
          Homoran
          Global Moderator Administrators
          schrieb am zuletzt editiert von
          #684

          @johndenver0815 ich denke mal, dass das nichts mit der Forensoftware zu tun hat.
          Ich verschiebe das mal

          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          J 1 Antwort Letzte Antwort
          1
          • HomoranH Homoran

            @johndenver0815 ich denke mal, dass das nichts mit der Forensoftware zu tun hat.
            Ich verschiebe das mal

            J Online
            J Online
            JohnDenver0815
            schrieb am zuletzt editiert von
            #685

            @homoran Vielen Dank. War mein erster Beitrag, und ich war froh überhaupt irgendwo einen Button zum Erstellen eines neuen Themas gefunden zu haben. Sorry fürs falsch einordnen, ich guck beim nächsten Mal genauer drauf.

            HomoranH 1 Antwort Letzte Antwort
            0
            • J JohnDenver0815

              @homoran Vielen Dank. War mein erster Beitrag, und ich war froh überhaupt irgendwo einen Button zum Erstellen eines neuen Themas gefunden zu haben. Sorry fürs falsch einordnen, ich guck beim nächsten Mal genauer drauf.

              HomoranH Nicht stören
              HomoranH Nicht stören
              Homoran
              Global Moderator Administrators
              schrieb am zuletzt editiert von
              #686

              @johndenver0815 alles gut, dafür sind wir ja da. und wenn du jetzt sensibilisiert bist ist es ja noch besser!

              ich hab es wegen des prominent auftretenden "yaml" hier in OffTopic - Microcontroller geschoben.

              ganz unten steht aber was von alias.
              Wenn es nachher doch in Richtung ioBroker driftet, meld dich nochmal, dann kommts in eine passendere Unterkategorie

              kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

              J 1 Antwort Letzte Antwort
              0
              • HomoranH Homoran

                @johndenver0815 alles gut, dafür sind wir ja da. und wenn du jetzt sensibilisiert bist ist es ja noch besser!

                ich hab es wegen des prominent auftretenden "yaml" hier in OffTopic - Microcontroller geschoben.

                ganz unten steht aber was von alias.
                Wenn es nachher doch in Richtung ioBroker driftet, meld dich nochmal, dann kommts in eine passendere Unterkategorie

                J Online
                J Online
                JohnDenver0815
                schrieb am zuletzt editiert von JohnDenver0815
                #687

                @homoran sagte in IF-Abfrage Markdown-YAML (iobroker.lovelace):

                Wenn es nachher doch in Richtung ioBroker driftet

                Naja, geht speziell tatsächlich um die Syntax von Javascript im YAML-Editor der Markdown-Card (in dem Fall als custom:button-card) in der Lovelace-UI. Ich denke "OffTopic - Microcontroller" passt nicht, kann aber auch nicht genau sagen, wo es tatsächlich richtig aufgehoben wäre.

                1 Antwort Letzte Antwort
                0
                • J JohnDenver0815

                  ioBroker -> Lovelace -> Markdown -> IF-Abfrage

                  Der Codeabschnitt

                  type: custom:button-card
                  name: ''
                  styles:
                    grid:
                      - grid-template-columns: 1fr
                      - grid-template-rows: 1fr
                      - gap: 0px 0px
                      - grid-auto-flow: row
                      - justify-content: center
                      - align-content: center
                      - justify-items: center
                      - align-items: center
                      - grid-template-areas: '"OnlineStatus"'
                  custom_fields:
                    OnlineStatus:
                      card:
                        type: markdown
                        content: '{alias.0.Steckdosen.EG_AZ_Testplug.online}'
                  


                  liefert als Ergebnis true bzw. false, je nachdem ob der dem Alias zugrundeliegende Shelly-Plug Online oder Offline ist. Das Ergebnis würde ich gern innerhalb des YAML-Codes so wandeln, das die im Markdown angezeigten Worte Online bzw. Offline lauten.

                  Folgender Versuch

                  type: custom:button-card
                  name: ''
                  styles:
                    grid:
                      - grid-template-columns: 1fr
                      - grid-template-rows: 1fr
                      - gap: 0px 0px
                      - grid-auto-flow: row
                      - justify-content: center
                      - align-content: center
                      - justify-items: center
                      - align-items: center
                      - grid-template-areas: '"OnlineStatus"'
                  custom_fields:
                    OnlineStatus:
                      card:
                        type: markdown
                        content: |-
                          [[[ if ('alias.0.Steckdosen.EG_AZ_Testplug.online') {
                            return('Online');
                          } else {
                            return('Offline');
                          }
                          ]]]
                  


                  liefert allerdings grundsätzlich Online zurück, währenddessen die Card mit dem oberen Code fleissig zwischen true und false wechselt. Mir drängt sich der Verdacht auf, dass im zweiten Codeblock lediglich geprüft wird, ob der DP vorhanden ist.

                  Wo liegt hier mein Denk- bzw. Syntaxfehler?

                  Danke im Voraus

                  Edit: Könnte hier auch die Konvertierungsfunktion im Alias-DP genutzt werden? Falls ja, wäre das sicher eleganter, allerdings hab ich bzgl. des dort einzutragenden Codes noch mehr Fragezeichen.

                  XBiTX Online
                  XBiTX Online
                  XBiT
                  schrieb am zuletzt editiert von
                  #688

                  @johndenver0815

                  kurz und knapp, markdown kann keine if-abfrage...

                  wie soll die Card mal aussehen?

                  J 1 Antwort Letzte Antwort
                  0
                  • XBiTX XBiT

                    @johndenver0815

                    kurz und knapp, markdown kann keine if-abfrage...

                    wie soll die Card mal aussehen?

                    J Online
                    J Online
                    JohnDenver0815
                    schrieb am zuletzt editiert von JohnDenver0815
                    #689

                    @xbit sagte in IF-Abfrage Markdown-YAML (iobroker.lovelace):

                    kurz und knapp, markdown kann keine if-abfrage...

                    Jetzt hast du mir meine Seifenblase zerstört 😉

                    @xbit sagte in IF-Abfrage Markdown-YAML (iobroker.lovelace):

                    wie soll die Card mal aussehen?

                    Im Grunde wird es eine Card mit aktuell 7 separaten Feldern (dank CSS-Grid), welche jeweils mit Text, Bildern oder weiteren Karten befüllt werden (Volt, Watt, Ampere, Temperatur, RSSI, Schaltzustand als auch dem hier angesprochenen OnlineStatus). In erster Instanz reicht mir die Anzeige von "Text" völlig aus, daher hab ich auf Markdown zurückgegriffen.

                    Wenn das über die Konvertierungsfunktion im Alias geht, könnte ich auch weiterhin auf Markdown setzen, dann ohne die IF-Abfrage im YAML-Code.

                    XBiTX 1 Antwort Letzte Antwort
                    0
                    • J JohnDenver0815

                      @xbit sagte in IF-Abfrage Markdown-YAML (iobroker.lovelace):

                      kurz und knapp, markdown kann keine if-abfrage...

                      Jetzt hast du mir meine Seifenblase zerstört 😉

                      @xbit sagte in IF-Abfrage Markdown-YAML (iobroker.lovelace):

                      wie soll die Card mal aussehen?

                      Im Grunde wird es eine Card mit aktuell 7 separaten Feldern (dank CSS-Grid), welche jeweils mit Text, Bildern oder weiteren Karten befüllt werden (Volt, Watt, Ampere, Temperatur, RSSI, Schaltzustand als auch dem hier angesprochenen OnlineStatus). In erster Instanz reicht mir die Anzeige von "Text" völlig aus, daher hab ich auf Markdown zurückgegriffen.

                      Wenn das über die Konvertierungsfunktion im Alias geht, könnte ich auch weiterhin auf Markdown setzen, dann ohne die IF-Abfrage im YAML-Code.

                      XBiTX Online
                      XBiTX Online
                      XBiT
                      schrieb am zuletzt editiert von
                      #690

                      @johndenver0815

                      Ohne Markdown Card:

                      Bitte den Datenpunkt alias.0.Steckdosen.EG_AZ_Testplug.online unter den Objekten über das Zahnrad einen Lovelace entity geben Typ: SENSOR
                      Dieses entity im Code bei variables -> onlinestatus eintragen.

                      type: custom:button-card
                      variables:
                        name: Onlineanzeige
                        onlinestatus: sensor.Testbereich_Testsensor
                        text_online: Online
                        text_offline: Offline
                      name: '[[[ return variables.name ]]]'
                      triggers_update:
                        - '[[[ return variables.onlinestatus ]]]'
                      styles:
                        card:
                          - border-radius: 0px
                        name:
                          - font-size: 12px
                          - font-family: Helvetica
                          - justify-self: center
                        grid:
                          - grid-template-areas: '"n" "Onlinestatus"'
                          - grid-template-rows: 1fr 1fr
                        custom_fields:
                          onlinestatus:
                            - background-color: transparent
                            - font-size: 12px
                            - font-family: Helvetica
                      custom_fields:
                        Onlinestatus: |
                          [[[ 
                          if (states[variables.onlinestatus].state == 'on')
                          return variables.text_online;
                          if (states[variables.onlinestatus].state == 'off')
                          return variables.text_offline;
                          return "Unbekannter Status"
                          ]]]
                      
                      
                      J 1 Antwort Letzte Antwort
                      1
                      • XBiTX XBiT

                        @johndenver0815

                        Ohne Markdown Card:

                        Bitte den Datenpunkt alias.0.Steckdosen.EG_AZ_Testplug.online unter den Objekten über das Zahnrad einen Lovelace entity geben Typ: SENSOR
                        Dieses entity im Code bei variables -> onlinestatus eintragen.

                        type: custom:button-card
                        variables:
                          name: Onlineanzeige
                          onlinestatus: sensor.Testbereich_Testsensor
                          text_online: Online
                          text_offline: Offline
                        name: '[[[ return variables.name ]]]'
                        triggers_update:
                          - '[[[ return variables.onlinestatus ]]]'
                        styles:
                          card:
                            - border-radius: 0px
                          name:
                            - font-size: 12px
                            - font-family: Helvetica
                            - justify-self: center
                          grid:
                            - grid-template-areas: '"n" "Onlinestatus"'
                            - grid-template-rows: 1fr 1fr
                          custom_fields:
                            onlinestatus:
                              - background-color: transparent
                              - font-size: 12px
                              - font-family: Helvetica
                        custom_fields:
                          Onlinestatus: |
                            [[[ 
                            if (states[variables.onlinestatus].state == 'on')
                            return variables.text_online;
                            if (states[variables.onlinestatus].state == 'off')
                            return variables.text_offline;
                            return "Unbekannter Status"
                            ]]]
                        
                        
                        J Online
                        J Online
                        JohnDenver0815
                        schrieb am zuletzt editiert von
                        #691

                        @xbit Das ging fix, und funktioniert nach einer kleinen Anpassung perfekt. Vielen Dank.

                        Mein Alias war vom Typ Ein/Aus-Sensor, nun wie gewünscht auf Sensor geändert.

                        Was wurde angepasst?
                        Zeile 21 bezieht sich auf die Grid-Area (wie Zeile 26) und scheint CaseSensitive zu sein. Wurde geändert in "Onlinestatus".

                        Weitere Frage: Es läuft zwar scheinbar auch ohne, aber gehört nicht eigentlich nach "Unbekannter Status" auch noch ein Semikolon?

                        @xbit sagte in IF-Abfrage Markdown-YAML (iobroker.lovelace):

                        kurz und knapp, markdown kann keine if-abfrage...

                        Da muss ich dann doch nochmal nachbohren, warum folgender Effekt gegeben ist: ersetze ich in meinem ursprünglichen Code in Zeile 19

                        [[[ if ('alias.0.
                        

                        durch

                        [[[ if (!'alias.0.
                        

                        kommt als Return "Offline".

                        Was ist sonst so passiert?
                        Du hast erfolgreich meine bisher noch nicht geäußerten Fragezeichen bzgl. Variablennutzung im YAML mit beantwortet. Auch dafür nen Daumen hoch und danke 😉

                        Grüße

                        XBiTX 1 Antwort Letzte Antwort
                        0
                        • J JohnDenver0815

                          @xbit Das ging fix, und funktioniert nach einer kleinen Anpassung perfekt. Vielen Dank.

                          Mein Alias war vom Typ Ein/Aus-Sensor, nun wie gewünscht auf Sensor geändert.

                          Was wurde angepasst?
                          Zeile 21 bezieht sich auf die Grid-Area (wie Zeile 26) und scheint CaseSensitive zu sein. Wurde geändert in "Onlinestatus".

                          Weitere Frage: Es läuft zwar scheinbar auch ohne, aber gehört nicht eigentlich nach "Unbekannter Status" auch noch ein Semikolon?

                          @xbit sagte in IF-Abfrage Markdown-YAML (iobroker.lovelace):

                          kurz und knapp, markdown kann keine if-abfrage...

                          Da muss ich dann doch nochmal nachbohren, warum folgender Effekt gegeben ist: ersetze ich in meinem ursprünglichen Code in Zeile 19

                          [[[ if ('alias.0.
                          

                          durch

                          [[[ if (!'alias.0.
                          

                          kommt als Return "Offline".

                          Was ist sonst so passiert?
                          Du hast erfolgreich meine bisher noch nicht geäußerten Fragezeichen bzgl. Variablennutzung im YAML mit beantwortet. Auch dafür nen Daumen hoch und danke 😉

                          Grüße

                          XBiTX Online
                          XBiTX Online
                          XBiT
                          schrieb am zuletzt editiert von
                          #692

                          @johndenver0815 said in IF-Abfrage Markdown-YAML (iobroker.lovelace):

                          Was wurde angepasst?

                          Ein custom Field ohne Markdown ansonsten nichts, wie du richtig siehst Zeile 21-24 ist nur Style Zeile 26-33 was gemacht werden soll.

                          Weitere Frage: Es läuft zwar scheinbar auch ohne, aber gehört nicht eigentlich nach "Unbekannter Status" auch noch ein Semikolon?

                          Ja sorry habe ich beim Zusammenbau mit gelöscht....

                          Da muss ich dann doch nochmal nachbohren, warum folgender Effekt gegeben ist: ersetze ich in meinem ursprünglichen Code in Zeile 19

                          kann ich dir nicht sagen aber der content von markdown ist halt nur wie html... ich habe es jedenfalls noch nicht geschafft eine abfrage innerhalb der normalen markdown zu machen ob die [MOD version] (https://github.com/thomasloven/lovelace-markdown-mod) noch geht oder mal ging kann ich nicht sagen...

                          J 1 Antwort Letzte Antwort
                          1
                          • XBiTX XBiT

                            @johndenver0815 said in IF-Abfrage Markdown-YAML (iobroker.lovelace):

                            Was wurde angepasst?

                            Ein custom Field ohne Markdown ansonsten nichts, wie du richtig siehst Zeile 21-24 ist nur Style Zeile 26-33 was gemacht werden soll.

                            Weitere Frage: Es läuft zwar scheinbar auch ohne, aber gehört nicht eigentlich nach "Unbekannter Status" auch noch ein Semikolon?

                            Ja sorry habe ich beim Zusammenbau mit gelöscht....

                            Da muss ich dann doch nochmal nachbohren, warum folgender Effekt gegeben ist: ersetze ich in meinem ursprünglichen Code in Zeile 19

                            kann ich dir nicht sagen aber der content von markdown ist halt nur wie html... ich habe es jedenfalls noch nicht geschafft eine abfrage innerhalb der normalen markdown zu machen ob die [MOD version] (https://github.com/thomasloven/lovelace-markdown-mod) noch geht oder mal ging kann ich nicht sagen...

                            J Online
                            J Online
                            JohnDenver0815
                            schrieb am zuletzt editiert von
                            #693

                            @xbit sagte in IF-Abfrage Markdown-YAML (iobroker.lovelace):

                            ich habe es jedenfalls noch nicht geschafft eine abfrage innerhalb der normalen markdown zu machen

                            Angestachelt durch den Link, den Informationsgehalt in diesem Thread sowie einem gewissen Maß an Experimentierfreudigkeit gibts als Dankeschön für deine Mühen die funktionierende Markdown-Variante der IF-Abfrage 😉 Ob da allerdings noch weiterer Content hinzugefügt werden kann habe ich jetzt nicht getestet.

                            type: custom:button-card
                            name: ''
                            variables:
                              status: sensor.Steckdosen_EG_AZ_Testplug_online
                            triggers_update:
                              - '[[[ return variables.status ]]]'
                            styles:
                              grid:
                                - grid-template-columns: 1fr
                                - grid-template-rows: 1fr
                                - gap: 0px 0px
                                - grid-auto-flow: row
                                - justify-content: center
                                - align-content: center
                                - justify-items: center
                                - align-items: center
                                - grid-template-areas: '"OnlineStatus"'
                            custom_fields:
                              OnlineStatus:
                                card:
                                  type: markdown
                                  content: |-
                                    [[[ if (states[variables.status].state == 'on') {
                                      return('Online');
                                    } else {
                                      return('Offline');
                                    }
                                    ]]]
                            
                            1 Antwort Letzte Antwort
                            1
                            • J JohnDenver0815

                              ioBroker -> Lovelace -> Markdown -> IF-Abfrage

                              Der Codeabschnitt

                              type: custom:button-card
                              name: ''
                              styles:
                                grid:
                                  - grid-template-columns: 1fr
                                  - grid-template-rows: 1fr
                                  - gap: 0px 0px
                                  - grid-auto-flow: row
                                  - justify-content: center
                                  - align-content: center
                                  - justify-items: center
                                  - align-items: center
                                  - grid-template-areas: '"OnlineStatus"'
                              custom_fields:
                                OnlineStatus:
                                  card:
                                    type: markdown
                                    content: '{alias.0.Steckdosen.EG_AZ_Testplug.online}'
                              


                              liefert als Ergebnis true bzw. false, je nachdem ob der dem Alias zugrundeliegende Shelly-Plug Online oder Offline ist. Das Ergebnis würde ich gern innerhalb des YAML-Codes so wandeln, das die im Markdown angezeigten Worte Online bzw. Offline lauten.

                              Folgender Versuch

                              type: custom:button-card
                              name: ''
                              styles:
                                grid:
                                  - grid-template-columns: 1fr
                                  - grid-template-rows: 1fr
                                  - gap: 0px 0px
                                  - grid-auto-flow: row
                                  - justify-content: center
                                  - align-content: center
                                  - justify-items: center
                                  - align-items: center
                                  - grid-template-areas: '"OnlineStatus"'
                              custom_fields:
                                OnlineStatus:
                                  card:
                                    type: markdown
                                    content: |-
                                      [[[ if ('alias.0.Steckdosen.EG_AZ_Testplug.online') {
                                        return('Online');
                                      } else {
                                        return('Offline');
                                      }
                                      ]]]
                              


                              liefert allerdings grundsätzlich Online zurück, währenddessen die Card mit dem oberen Code fleissig zwischen true und false wechselt. Mir drängt sich der Verdacht auf, dass im zweiten Codeblock lediglich geprüft wird, ob der DP vorhanden ist.

                              Wo liegt hier mein Denk- bzw. Syntaxfehler?

                              Danke im Voraus

                              Edit: Könnte hier auch die Konvertierungsfunktion im Alias-DP genutzt werden? Falls ja, wäre das sicher eleganter, allerdings hab ich bzgl. des dort einzutragenden Codes noch mehr Fragezeichen.

                              GarfonsoG Offline
                              GarfonsoG Offline
                              Garfonso
                              Developer
                              schrieb am zuletzt editiert von
                              #694

                              @johndenver0815

                              warum machst du aus dem Datenpunkt nicht einfach einen "Ein / Aus-Sensor" mit Geräteklasse Verbindung (oder so ähnlich).. dann heißt es zwar nicht online / offline aber Verbunden / Getrennt und lovelace macht alle Arbeit für dich.

                              Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                              Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                              J 1 Antwort Letzte Antwort
                              0
                              • GarfonsoG Garfonso

                                @lessthanmore
                                hideToolbar und auch die Möglichkeit das über die URL zu überschreiben gibt es nicht mehr.

                                Du kannst aber den state lovelace.0.instances.hideHeader auf true stellen und dann für einzelne Instanzen auf false (wenn du was am UI ändern willst) oder umgekehrt für einzelne Instanzen auf true. Leider wird das hideHeader erst nach neuladen im Browser aktiv (ah, da wollte ich noch refresh einfach mit schicken, ich erinnere mich 😉 ).

                                Wenn du nur einzelnes entfernen willst, musst du dich leider mit card_mod auseinandersetzen. Ich bin mir nicht ganz sicher, ob die code snippets noch funktionieren. Aber grundsätzlich sollte es so ähnlich gehen, nur die Objekte die versteckt werden sollen könnten sich geändert haben.

                                L Offline
                                L Offline
                                lansester
                                schrieb am zuletzt editiert von
                                #695

                                @garfonso said in Test lovelace 4.x:

                                Du kannst aber den state lovelace.0.instances.hideHeader auf true stellen und dann für einzelne Instanzen auf false (wenn du was am UI ändern willst) oder umgekehrt für einzelne Instanzen auf true. Leider wird das hideHeader erst nach neuladen im Browser aktiv (ah, da wollte ich noch refresh einfach mit schicken, ich erinnere mich 😉 ).

                                @Garfonso :
                                Das Feature ist wirklich super, funktioniert bei mir aber mit der 4.x (aktuell 4.1.10) nicht zuverlässig.
                                Gelten dafür diese beiden Bedingungen wie in der Doku beschrieben:
                                Die Erweiterung Cardmod muss installiert sein.
                                Der Code muss Teil des Themes sein (Lovelace Instanz -> Einstellungen -> Themen)

                                So sieht es auf den ersten Blick in der Doku aus, aber irgendwie hab ich das Gefühl, es bezieht sich nicht auf dieses hide header Feature.
                                BTW: In der Doku gibt es zweimal den Punkt "3." 😉 nur als Hinweis.

                                Das Verhalten ist bei mir recht unvorhersehbar.
                                Ich habe zwei getrennte Iobroker Installationen und in beiden Fällen funktioniert das hide header nicht oder sehr unzuverlässig, egal ob man alle Browser plus die Instanz auf "true" setzt, oder nur die Instanz und einzelne Browser.
                                Genauso umgekehrt, wenn man die Instanz auf false setzt und einige Browser auf true, ist es ebenso un
                                Wenn es denn plötzlich funktioniert (bisher einmal für ein paar Tage), dann bleibt es auch so.
                                Und dann hatte ich das Phänomen, dass es sich wieder komplett deaktiviert hat (Objekte aber weiter auf "true"!) nachdem ich manuell im Browser eine Unterseiten-URL eingegeben habe, die einen Tippfehler hatte. Dann war die Leiste plötzlich wieder da und jetzt bekomme ich sie auch nicht wieder versteckt.
                                Neustart Adapter, reload der Browser etc. alles zigmal gemacht.
                                Vielleicht kannst du mal schauen ob du das reproduzieren kannst bzw. falls ich dafür Cardmod noch installieren muss, dann ist es natürlich mein Fehler. Wobei ich mich frage, warum es dann trotzdem mal für einige Tage funktioniert hat.

                                DANKE vielmals!

                                GarfonsoG 1 Antwort Letzte Antwort
                                0
                                • L lansester

                                  @garfonso said in Test lovelace 4.x:

                                  Du kannst aber den state lovelace.0.instances.hideHeader auf true stellen und dann für einzelne Instanzen auf false (wenn du was am UI ändern willst) oder umgekehrt für einzelne Instanzen auf true. Leider wird das hideHeader erst nach neuladen im Browser aktiv (ah, da wollte ich noch refresh einfach mit schicken, ich erinnere mich 😉 ).

                                  @Garfonso :
                                  Das Feature ist wirklich super, funktioniert bei mir aber mit der 4.x (aktuell 4.1.10) nicht zuverlässig.
                                  Gelten dafür diese beiden Bedingungen wie in der Doku beschrieben:
                                  Die Erweiterung Cardmod muss installiert sein.
                                  Der Code muss Teil des Themes sein (Lovelace Instanz -> Einstellungen -> Themen)

                                  So sieht es auf den ersten Blick in der Doku aus, aber irgendwie hab ich das Gefühl, es bezieht sich nicht auf dieses hide header Feature.
                                  BTW: In der Doku gibt es zweimal den Punkt "3." 😉 nur als Hinweis.

                                  Das Verhalten ist bei mir recht unvorhersehbar.
                                  Ich habe zwei getrennte Iobroker Installationen und in beiden Fällen funktioniert das hide header nicht oder sehr unzuverlässig, egal ob man alle Browser plus die Instanz auf "true" setzt, oder nur die Instanz und einzelne Browser.
                                  Genauso umgekehrt, wenn man die Instanz auf false setzt und einige Browser auf true, ist es ebenso un
                                  Wenn es denn plötzlich funktioniert (bisher einmal für ein paar Tage), dann bleibt es auch so.
                                  Und dann hatte ich das Phänomen, dass es sich wieder komplett deaktiviert hat (Objekte aber weiter auf "true"!) nachdem ich manuell im Browser eine Unterseiten-URL eingegeben habe, die einen Tippfehler hatte. Dann war die Leiste plötzlich wieder da und jetzt bekomme ich sie auch nicht wieder versteckt.
                                  Neustart Adapter, reload der Browser etc. alles zigmal gemacht.
                                  Vielleicht kannst du mal schauen ob du das reproduzieren kannst bzw. falls ich dafür Cardmod noch installieren muss, dann ist es natürlich mein Fehler. Wobei ich mich frage, warum es dann trotzdem mal für einige Tage funktioniert hat.

                                  DANKE vielmals!

                                  GarfonsoG Offline
                                  GarfonsoG Offline
                                  Garfonso
                                  Developer
                                  schrieb am zuletzt editiert von
                                  #696

                                  @lansester said in Test lovelace 4.x:

                                  Die Erweiterung Cardmod muss installiert sein.
                                  Der Code muss Teil des Themes sein (Lovelace Instanz -> Einstellungen -> Themen)
                                  So sieht es auf den ersten Blick in der Doku aus, aber irgendwie hab ich das Gefühl, es bezieht sich nicht auf dieses hide header Feature.

                                  Das ist richtig, das ist veraltet. Tatsächlich ist cardmod jetzt immer installiert und der User darf selbst cardmod nicht installieren.

                                  Ich guck mal, ob ich das reproduzieren kann. Hm.

                                  Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                                  Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                                  1 Antwort Letzte Antwort
                                  0
                                  • GarfonsoG Garfonso

                                    @johndenver0815

                                    warum machst du aus dem Datenpunkt nicht einfach einen "Ein / Aus-Sensor" mit Geräteklasse Verbindung (oder so ähnlich).. dann heißt es zwar nicht online / offline aber Verbunden / Getrennt und lovelace macht alle Arbeit für dich.

                                    J Online
                                    J Online
                                    JohnDenver0815
                                    schrieb am zuletzt editiert von
                                    #697

                                    @garfonso sagte in Test lovelace 4.x:

                                    @johndenver0815

                                    warum machst du aus dem Datenpunkt nicht einfach einen "Ein / Aus-Sensor" mit Geräteklasse Verbindung (oder so ähnlich).. dann heißt es zwar nicht online / offline aber Verbunden / Getrennt und lovelace macht alle Arbeit für dich.

                                    Interessanter Tipp, bekomme ich allerdings nicht ans Laufen. Rückgabewert ist "on" bzw. "off" (anstelle verbunden/getrennt), allerdings scheint sich der Status nicht allzu fix zu aktualisieren, da es einen Moment dauert bis ioBroker nach dem Shelly schaut. Schaltet man den Plug wieder ein, dann springt die Meldung kurz auf "off", um danach korrekt "on" anuzeigen (da der Shelly vermutlich wieder ein Statusupdate pushed). Ich bleib bei der bisherigen Lösung, hat auch den Vorteil gleich wieder Codeschnipsel für weitere Schandtaten recyclen zu können 😉

                                    1 Antwort Letzte Antwort
                                    0
                                    • J Online
                                      J Online
                                      JohnDenver0815
                                      schrieb am zuletzt editiert von JohnDenver0815
                                      #698

                                      Ich bräuchte nochmal kurz syntaktische Hilfe:

                                      type: custom:button-card
                                      name: Testplug
                                      variables:
                                        a_alias: alias.0.
                                        b_type: Steckdosen.
                                        c_name: EG_AZ_SD_Testplug
                                        d_suffix_voltage: .VOLTAGE
                                        z_fullname: >-
                                          variables.a_alias + variables.b_type + variables.c_name +
                                          variables.d_suffix_voltage
                                      triggers_update:
                                        - '[[[ return variables.z_fullname ]]]'
                                      styles:
                                        grid:
                                          - grid-template-columns: 1fr
                                          - grid-template-rows: auto
                                          - gap: 0px 0px
                                          - grid-auto-flow: row
                                          - justify-content: center
                                          - align-content: center
                                          - justify-items: center
                                          - align-items: center
                                          - grid-template-areas: '"Volt"'
                                          - width: 100%
                                          - heigth: 100%
                                        card:
                                          - border-radius: 20px
                                          - font-size: 0px
                                          - padding: 0px
                                        custom_fields:
                                          Volt:
                                            - background-color: transparent
                                            - border: solid 0px
                                            - border-radius: 0px
                                            - border-color: '#000'
                                            - align-items: center
                                            - justify-content: center
                                            - display: flex
                                            - width: 100%
                                            - height: 50%
                                            - font-size: var(--paper-font-body1_-_font-size)
                                            - font-weight: bold
                                            - color: '#000'
                                            - margin-left: 0px
                                            - margin-top: 0px
                                      custom_fields:
                                        Volt:
                                          card:
                                            type: markdown
                                            theme: blue-red-card-in-card
                                            content: '{alias.0.Steckdosen.EG_AZ_SD_Testplug.VOLTAGE} V'
                                      

                                      z_fullname sollte als Inhalt "alias.0.Steckdosen.EG_AZ_SD_Testplug.VOLTAGE" haben, beinhaltet allerdings (logischerweise) nur den String "variables.a_alias + variables.b_type + variables.c_name + variables.d_suffix_voltage". Wie lautet die korrekte Syntax, um den String in einen Object-Namen (den des Datenpunktes) zu wandeln?

                                      Vorausgesetzt, die obere Frage ist gelöst: komme ich in Zeile 51 mit folgendem Codeschnipsel weiter oder muss ich auch hier anders vorgehen?

                                      content: '{variables.z_fullname} V'
                                      

                                      So ganz ist mir noch nicht klar, wann ich mit eckigen Klammern (auch mehrfach), geschweiften Klammern, normalen Klammern sowie Apostroph zum Ziel komme. Gibts da irgendwo Lektüre, die ich nur bisher nicht gefunden habe (vermutlich in Ermangelung der korrekten Suchbegriffe)? Try&Error innerhalb der Kartenconfig haut mir jedes Mal die Lovelace-Instanz um die Ohren, sodass ich das Fenster komplett schließen muss, bevor sich Lovelace wieder reibungslos starten lässt.

                                      Danke im Voraus fürs Augen öffnen

                                      Edit: Für alle die sich fragen was ich vor habe: ich versuche mir ein Kartentemplate zu basteln, wo ich nur an einer Stelle den Gerätenamen angebe und der Rest sich dynamisch ergänzt. Die Beispielcard ist nur ein Ausschnitt, in der finalen Card gibts diverse Bereiche im Grid, die mit Leben gefüllt werden sollen. Bisher muss ich für jedes Device 7 Datenpunkte manuell einpflegen, das soll zukünftig der Vergangenheit angehören.

                                      XBiTX 1 Antwort Letzte Antwort
                                      0
                                      • J JohnDenver0815

                                        Ich bräuchte nochmal kurz syntaktische Hilfe:

                                        type: custom:button-card
                                        name: Testplug
                                        variables:
                                          a_alias: alias.0.
                                          b_type: Steckdosen.
                                          c_name: EG_AZ_SD_Testplug
                                          d_suffix_voltage: .VOLTAGE
                                          z_fullname: >-
                                            variables.a_alias + variables.b_type + variables.c_name +
                                            variables.d_suffix_voltage
                                        triggers_update:
                                          - '[[[ return variables.z_fullname ]]]'
                                        styles:
                                          grid:
                                            - grid-template-columns: 1fr
                                            - grid-template-rows: auto
                                            - gap: 0px 0px
                                            - grid-auto-flow: row
                                            - justify-content: center
                                            - align-content: center
                                            - justify-items: center
                                            - align-items: center
                                            - grid-template-areas: '"Volt"'
                                            - width: 100%
                                            - heigth: 100%
                                          card:
                                            - border-radius: 20px
                                            - font-size: 0px
                                            - padding: 0px
                                          custom_fields:
                                            Volt:
                                              - background-color: transparent
                                              - border: solid 0px
                                              - border-radius: 0px
                                              - border-color: '#000'
                                              - align-items: center
                                              - justify-content: center
                                              - display: flex
                                              - width: 100%
                                              - height: 50%
                                              - font-size: var(--paper-font-body1_-_font-size)
                                              - font-weight: bold
                                              - color: '#000'
                                              - margin-left: 0px
                                              - margin-top: 0px
                                        custom_fields:
                                          Volt:
                                            card:
                                              type: markdown
                                              theme: blue-red-card-in-card
                                              content: '{alias.0.Steckdosen.EG_AZ_SD_Testplug.VOLTAGE} V'
                                        

                                        z_fullname sollte als Inhalt "alias.0.Steckdosen.EG_AZ_SD_Testplug.VOLTAGE" haben, beinhaltet allerdings (logischerweise) nur den String "variables.a_alias + variables.b_type + variables.c_name + variables.d_suffix_voltage". Wie lautet die korrekte Syntax, um den String in einen Object-Namen (den des Datenpunktes) zu wandeln?

                                        Vorausgesetzt, die obere Frage ist gelöst: komme ich in Zeile 51 mit folgendem Codeschnipsel weiter oder muss ich auch hier anders vorgehen?

                                        content: '{variables.z_fullname} V'
                                        

                                        So ganz ist mir noch nicht klar, wann ich mit eckigen Klammern (auch mehrfach), geschweiften Klammern, normalen Klammern sowie Apostroph zum Ziel komme. Gibts da irgendwo Lektüre, die ich nur bisher nicht gefunden habe (vermutlich in Ermangelung der korrekten Suchbegriffe)? Try&Error innerhalb der Kartenconfig haut mir jedes Mal die Lovelace-Instanz um die Ohren, sodass ich das Fenster komplett schließen muss, bevor sich Lovelace wieder reibungslos starten lässt.

                                        Danke im Voraus fürs Augen öffnen

                                        Edit: Für alle die sich fragen was ich vor habe: ich versuche mir ein Kartentemplate zu basteln, wo ich nur an einer Stelle den Gerätenamen angebe und der Rest sich dynamisch ergänzt. Die Beispielcard ist nur ein Ausschnitt, in der finalen Card gibts diverse Bereiche im Grid, die mit Leben gefüllt werden sollen. Bisher muss ich für jedes Device 7 Datenpunkte manuell einpflegen, das soll zukünftig der Vergangenheit angehören.

                                        XBiTX Online
                                        XBiTX Online
                                        XBiT
                                        schrieb am zuletzt editiert von XBiT
                                        #699

                                        @johndenver0815

                                        Also deine Wünsche in der Card sind schon recht tricky beim umbauen passiert es schnell das Lovelace abstürzt.
                                        Nach einigen Tests ist es so.

                                        Falls man die Variablen mit einer Entitäts-ID füllen will sieht das ganze so aus (nicht das was du willst)

                                        type: custom:button-card
                                        name: Testplug
                                        variables:
                                         a_alias: sensor
                                         b_type: .Gefrierschrank_
                                         c_name: Kueche_
                                         d_suffix_voltage: Power
                                         z_fullname: >-
                                           [[[ return [variables.a_alias + variables.b_type + variables.c_name +
                                           variables.d_suffix_voltage]]]]
                                        triggers_update:
                                         - '[[[ return variables.z_fullname ]]]'
                                        styles:
                                         grid:
                                           - grid-template-columns: 1fr
                                           - grid-template-rows: auto
                                           - gap: 0px 0px
                                           - grid-auto-flow: row
                                           - justify-content: center
                                           - align-content: center
                                           - justify-items: center
                                           - align-items: center
                                           - grid-template-areas: '"Volt"'
                                           - width: 100%
                                           - heigth: 100%
                                         card:
                                           - border-radius: 20px
                                           - font-size: 0px
                                           - padding: 0px
                                         custom_fields:
                                           Volt:
                                             - background-color: transparent
                                             - border: solid 0px
                                             - border-radius: 0px
                                             - border-color: '#000'
                                             - align-items: center
                                             - justify-content: center
                                             - display: flex
                                             - width: 100%
                                             - height: 50%
                                             - font-size: var(--paper-font-body1_-_font-size)
                                             - font-weight: bold
                                             - color: '#000'
                                             - margin-left: 0px
                                             - margin-top: 0px
                                        custom_fields:
                                         Volt:
                                           card:
                                             type: markdown
                                             theme: blue-red-card-in-card
                                             content: '[[[ return states[variables.z_fullname].state + " Watt" ]]]'
                                        

                                        Sollen die Variablen einen Datenpunkt enthalten sieht das ganze so aus (für deinen Fall)

                                        type: custom:button-card
                                        name: Testplug
                                        variables:
                                         a_alias: alias.0
                                         b_type: .Gefrierschrank
                                         c_name: _Küche
                                         d_suffix_voltage: .Power
                                         z_fullname: >-
                                           [[[ return [variables.a_alias + variables.b_type + variables.c_name +
                                           variables.d_suffix_voltage]]]]
                                        triggers_update:
                                         - '[[[ return variables.z_fullname ]]]'
                                        styles:
                                         grid:
                                           - grid-template-columns: 1fr
                                           - grid-template-rows: auto
                                           - gap: 0px 0px
                                           - grid-auto-flow: row
                                           - justify-content: center
                                           - align-content: center
                                           - justify-items: center
                                           - align-items: center
                                           - grid-template-areas: '"Volt"'
                                           - width: 100%
                                           - heigth: 100%
                                         card:
                                           - border-radius: 20px
                                           - font-size: 0px
                                           - padding: 0px
                                         custom_fields:
                                           Volt:
                                             - background-color: transparent
                                             - border: solid 0px
                                             - border-radius: 0px
                                             - border-color: '#000'
                                             - align-items: center
                                             - justify-content: center
                                             - display: flex
                                             - width: 100%
                                             - height: 50%
                                             - font-size: var(--paper-font-body1_-_font-size)
                                             - font-weight: bold
                                             - color: '#000'
                                             - margin-left: 0px
                                             - margin-top: 0px
                                        custom_fields:
                                         Volt:
                                           card:
                                             type: markdown
                                             theme: blue-red-card-in-card
                                             content: '[[[ return "{" +[variables.z_fullname] + "} Watt" ]]]'
                                        
                                        

                                        Variablen musst du wieder an deine anpassen... Viel Spaß damit 😛

                                        J 2 Antworten Letzte Antwort
                                        1
                                        • XBiTX XBiT

                                          @johndenver0815

                                          Also deine Wünsche in der Card sind schon recht tricky beim umbauen passiert es schnell das Lovelace abstürzt.
                                          Nach einigen Tests ist es so.

                                          Falls man die Variablen mit einer Entitäts-ID füllen will sieht das ganze so aus (nicht das was du willst)

                                          type: custom:button-card
                                          name: Testplug
                                          variables:
                                           a_alias: sensor
                                           b_type: .Gefrierschrank_
                                           c_name: Kueche_
                                           d_suffix_voltage: Power
                                           z_fullname: >-
                                             [[[ return [variables.a_alias + variables.b_type + variables.c_name +
                                             variables.d_suffix_voltage]]]]
                                          triggers_update:
                                           - '[[[ return variables.z_fullname ]]]'
                                          styles:
                                           grid:
                                             - grid-template-columns: 1fr
                                             - grid-template-rows: auto
                                             - gap: 0px 0px
                                             - grid-auto-flow: row
                                             - justify-content: center
                                             - align-content: center
                                             - justify-items: center
                                             - align-items: center
                                             - grid-template-areas: '"Volt"'
                                             - width: 100%
                                             - heigth: 100%
                                           card:
                                             - border-radius: 20px
                                             - font-size: 0px
                                             - padding: 0px
                                           custom_fields:
                                             Volt:
                                               - background-color: transparent
                                               - border: solid 0px
                                               - border-radius: 0px
                                               - border-color: '#000'
                                               - align-items: center
                                               - justify-content: center
                                               - display: flex
                                               - width: 100%
                                               - height: 50%
                                               - font-size: var(--paper-font-body1_-_font-size)
                                               - font-weight: bold
                                               - color: '#000'
                                               - margin-left: 0px
                                               - margin-top: 0px
                                          custom_fields:
                                           Volt:
                                             card:
                                               type: markdown
                                               theme: blue-red-card-in-card
                                               content: '[[[ return states[variables.z_fullname].state + " Watt" ]]]'
                                          

                                          Sollen die Variablen einen Datenpunkt enthalten sieht das ganze so aus (für deinen Fall)

                                          type: custom:button-card
                                          name: Testplug
                                          variables:
                                           a_alias: alias.0
                                           b_type: .Gefrierschrank
                                           c_name: _Küche
                                           d_suffix_voltage: .Power
                                           z_fullname: >-
                                             [[[ return [variables.a_alias + variables.b_type + variables.c_name +
                                             variables.d_suffix_voltage]]]]
                                          triggers_update:
                                           - '[[[ return variables.z_fullname ]]]'
                                          styles:
                                           grid:
                                             - grid-template-columns: 1fr
                                             - grid-template-rows: auto
                                             - gap: 0px 0px
                                             - grid-auto-flow: row
                                             - justify-content: center
                                             - align-content: center
                                             - justify-items: center
                                             - align-items: center
                                             - grid-template-areas: '"Volt"'
                                             - width: 100%
                                             - heigth: 100%
                                           card:
                                             - border-radius: 20px
                                             - font-size: 0px
                                             - padding: 0px
                                           custom_fields:
                                             Volt:
                                               - background-color: transparent
                                               - border: solid 0px
                                               - border-radius: 0px
                                               - border-color: '#000'
                                               - align-items: center
                                               - justify-content: center
                                               - display: flex
                                               - width: 100%
                                               - height: 50%
                                               - font-size: var(--paper-font-body1_-_font-size)
                                               - font-weight: bold
                                               - color: '#000'
                                               - margin-left: 0px
                                               - margin-top: 0px
                                          custom_fields:
                                           Volt:
                                             card:
                                               type: markdown
                                               theme: blue-red-card-in-card
                                               content: '[[[ return "{" +[variables.z_fullname] + "} Watt" ]]]'
                                          
                                          

                                          Variablen musst du wieder an deine anpassen... Viel Spaß damit 😛

                                          J Online
                                          J Online
                                          JohnDenver0815
                                          schrieb am zuletzt editiert von
                                          #700

                                          @xbit sagte in Test lovelace 4.x:

                                          Variablen musst du wieder an deine anpassen... Viel Spaß damit

                                          Funktioniert 1a, vielen Dank 😉

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          752

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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