Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Widget mit Bedingung CSS Klasse ändern

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Widget mit Bedingung CSS Klasse ändern

    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      Schnischna @Schnischna last edited by

      Ich habe es auch mit einer "Bindung" der CSS-Klasse probiert, klappt leider auch nicht.

      {sonnen.0.status.flowConsumptionBattery:false;pulseShadow}
      
      sigi234 OliverIO 2 Replies Last reply Reply Quote 0
      • sigi234
        sigi234 Forum Testing Most Active @Schnischna last edited by

        @schnischna

        VIS2 Version?

        S 2 Replies Last reply Reply Quote 0
        • S
          Schnischna @sigi234 last edited by

          @sigi234 Ja VIS-2

          1 Reply Last reply Reply Quote 0
          • S
            Schnischna @sigi234 last edited by

            @sigi234 2.9.64

            sigi234 1 Reply Last reply Reply Quote 0
            • OliverIO
              OliverIO @Schnischna last edited by OliverIO

              @schnischna sagte in Widget mit Bedingung CSS Klasse ändern:

              Ich habe es auch mit einer "Bindung" der CSS-Klasse probiert, klappt leider auch nicht.

              {sonnen.0.status.flowConsumptionBattery:false;pulseShadow}
              

              Dieses Binding kann nicht funktionieren.
              Wenn es ein ternärer Operator sein soll, dann ist der Doppelpunkt an der falschen Stelle das semicolon überflüssig. Die vergleichsoperation fehlt dasfragezeichen fehlt, pulseshadow muss in Anführungsstriche, der Datenpunkt muss einer variable zugeordnet sein, anstatt false leere Anführungsstriche verwenden

              Um zu testen, ob das funktioniert, am besten das in ein HTML Widget kopieren

              S 1 Reply Last reply Reply Quote 0
              • S
                Schnischna @OliverIO last edited by Schnischna

                @oliverio ok, danke, du meinst so? So funktioniert es leider nicht (auch nicht im HTML widget)

                {sonnen.0.status.flowConsumptionBattery ? "" : "pulseShadow"}
                

                Das Object sieht übrigens so aus:
                b7a8bd47-ac78-46af-bc08-fa24681a97d3-image.png

                1 Reply Last reply Reply Quote 0
                • sigi234
                  sigi234 Forum Testing Most Active @Schnischna last edited by

                  @schnischna sagte in Widget mit Bedingung CSS Klasse ändern:

                  @sigi234 2.9.64

                  https://github.com/ioBroker/ioBroker.vis-2

                  Ev. funktioniert es mit der Beta Version, siehe Changelog 2.12.12

                  1 Reply Last reply Reply Quote 0
                  • OliverIO
                    OliverIO last edited by

                    @schnischna

                    Ist immer noch fehlerhaft

                    {v:sonnen.0.status.flowConsumptionBattery; v==true? "" : "pulseShadow"}
                    

                    Meistens ist der ankommende Datentyp eine kleine Herausforderung, ob dieser hier ein echter bool ist oder nur ein String, in dem true drin steht. Daher im HTML Widget testen.
                    Auch empfehle ich dir die Dokumentation zum binding noch mal zu lesen beziehungsweise hier im Forum zu suchen, da gibt es massenhaft Beispiele dazu.

                    S 1 Reply Last reply Reply Quote 1
                    • S
                      Schnischna @OliverIO last edited by

                      Hi, dank Eurer Anregungen habe ich es hinbekommen, so klappt es jetzt:

                      {v:sonnen.0.status.flowConsumptionBattery; (v === false || v === "false" || v === 0 || v === "0") ? "pulseShadow" : ""}
                      
                      arteck 1 Reply Last reply Reply Quote 0
                      • arteck
                        arteck Developer Most Active @Schnischna last edited by

                        @schnischna sagte in Widget mit Bedingung CSS Klasse ändern:

                        (v === false || v === "false" || v === 0 || v === "0")

                        ja was den nu ein boolean oder ein string oder ein numerischees Wert..
                        mische bitte nicht die Varaibeln definition .. schaue dir den RAW Wert des DP sonnen.0.status.flowConsumptionBattery an und dann kannst du danach deine Abfrage bauen..

                        aj es funktioniert ist aber vieles unnütz .. schon mal für die Zukunft

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

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        802
                        Online

                        32.0k
                        Users

                        80.4k
                        Topics

                        1.3m
                        Posts

                        4
                        11
                        75
                        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