Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. CSS-Code einen Wert aus einem Datenpunkt

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    CSS-Code einen Wert aus einem Datenpunkt

    This topic has been deleted. Only users with topic management privileges can see it.
    • O
      ooojohannooo last edited by

      Hallo zusammen,

      ist es möglich im CSS-Code einen Wert aus einem Datenpunkt auszulesen?
      Folgender Hintergrund.
      Ich möchte links Oben einen kleineren Radius haben wie rechts Oben. Dieser Wert soll aber aus einem Datenpunkt gelesen werden.

      Soll:

      .Test {
      border-top-left-radius:10px;
      border-top-right-radius:20px;
      }
      

      Als Beispiel mit Datenpunkt (welches nicht funktioniert)

      .Test {
      border-top-left-radius:{0_userdata.0.Visualisierung.Rahmen.Rahmen_Radius.LO};
      border-top-right-radius:{0_userdata.0.Visualisierung.Rahmen.Rahmen_Radius.RO};
      }
      

      Besten Dank

      O 1 Reply Last reply Reply Quote 0
      • O
        ooojohannooo @ooojohannooo last edited by

        @ooojohannooo sagte in CSS-Code einen Wert aus einem Datenpunkt:

        Hallo zusammen,

        ist es möglich im CSS-Code einen Wert aus einem Datenpunkt auszulesen?
        Folgender Hintergrund.
        Ich möchte links Oben einen kleineren Radius haben wie rechts Oben. Dieser Wert soll aber aus einem Datenpunkt gelesen werden.

        Soll:
        3.png

        .Test {
        border-top-left-radius:10px;
        border-top-right-radius:20px;
        }
        

        Als Beispiel mit Datenpunkt (welches nicht funktioniert)

        .Test {
        border-top-left-radius:{0_userdata.0.Visualisierung.Rahmen.Rahmen_Radius.LO};
        border-top-right-radius:{0_userdata.0.Visualisierung.Rahmen.Rahmen_Radius.RO};
        }
        

        Besten Dank

        liv-in-sky 2 Replies Last reply Reply Quote 0
        • liv-in-sky
          liv-in-sky @ooojohannooo last edited by

          @ooojohannooo

          Du kannst dir 2 Klassen im css Tab definieren und in den Css Eigenschaften im Widget setting nimmst du dann ein Binding in Abhängigkeit eines dp-tes den du steuern kannst. Dieser dp bestimmt, wann du welche class brauchst

          1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @ooojohannooo last edited by

            @ooojohannooo

            beispiel

            Image 3.png

            {val:0_userdata.0.CONTROL-OWN.mount.DiskhelpDaten; val>96? "blink-red":  ""}
            
            O 1 Reply Last reply Reply Quote 0
            • O
              ooojohannooo @liv-in-sky last edited by

              @liv-in-sky

              Besten Dank

              Das funktioniert wie folgt!

              {h:0_userdata.0.Visualisierung.Rahmen.Radius_Rahmen;  h =="1" ? "Radius1" :  h =="5" ? "Radius5" :  h =="10" ? "Radius10" :  h =="15" ? "Radius15" :  h =="20" ? "Radius20" :  h =="25" ? "Radius25" :  h =="30" ? "Radius30": ""}
              
              .Radius1 {
              border-top-left-radius:1px;
              border-top-right-radius:1px;
              }
              .Radius5 {
              border-top-left-radius:5px;
              border-top-right-radius:5px;
              }
              .Radius10 {
              border-top-left-radius:10px;
              border-top-right-radius:10px;
              }
              .Radius15 {
              border-top-left-radius:15px;
              border-top-right-radius:15px;
              }
              .Radius20 {
              border-top-left-radius:20px;
              border-top-right-radius:20px;
              }
              .Radius25 {
              border-top-left-radius:25px;
              border-top-right-radius:25px;
              }
              .Radius30 {
              border-top-left-radius:30px;
              border-top-right-radius:30px;
              }
              

              Ist es trotzdem(generell) möglich den Wert aus einem DP in CSS-Klassen zu schreiben?

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @ooojohannooo last edited by

                @ooojohannooo
                ich glaube, dass ist nicht möglich - ein biinding im css tab

                die geschweifte klammer ist ja schon reserviert

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post

                Support us

                ioBroker
                Community Adapters
                Donate

                899
                Online

                31.9k
                Users

                80.2k
                Topics

                1.3m
                Posts

                2
                6
                282
                Loading More Posts
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes
                Reply
                • Reply as topic
                Log in to reply
                Community
                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                The ioBroker Community 2014-2023
                logo