Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [gelöst] CSS Einstellungen werden nicht umgesetzt

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    6
    1
    221

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    8
    1
    217

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    891

[gelöst] CSS Einstellungen werden nicht umgesetzt

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vismaterial css
31 Beiträge 7 Kommentatoren 1.2k Aufrufe 9 Beobachtet
  • Ä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.
  • K Kuddel

    Moin zusammen,

    ich bin gerade dabei mich in CSS einzuarbeiten um die Anzahl meiner Widgets zu reduzieren.

    In meiner VIS habe ich die Anwesenheit über ein Navigationwidget dargestellt.

    Leider werden die CSS Einstellungen bei den Signalbildern nicht umgesetzt.

    45472fb3-ccc3-4e6b-afac-91c29a102195-grafik.png

    Die rechte Anzeige ist noch mit zwei Widgets.

    Hier einmal das komplette Widget:

    [{"tpl":"tplMetroTileNav","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":true,"g_signals":true,"hover":false,"transform":false,"label":"","bg_class":"bg-transparent","bg_class_active":"bg-transparent","signals-cond-0":"==","signals-val-0":"true","signals-icon-0":"/icons-mfd-png/status_man.png","signals-icon-size-0":"100","signals-blink-0":false,"signals-horz-0":"-20","signals-vert-0":"-20","signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":"false","signals-icon-1":"/icons-mfd-png/status_man.png","signals-icon-size-1":"100","signals-blink-1":false,"signals-horz-1":"-20","signals-vert-1":"-20","signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/VIS/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"g_badge":true,"badge_bg_class":"","badge_bg_class_active":"","badge_top":"0","badge_left":"0","icon_badge":"","brand_bg_class":"","brand_bg_class_active":"","g_icon":true,"icon_class":"","icon_src":"","icon_width":"70","icon_height":"70","icon_top":"42","icon_left":"50","nav_view":"400_System","g_last_change":true,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"g_effects":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","hide_duration":"0","show_duration":"0","name":"Daniel","select_current":false,"comment":"","signals-oid-0":"javascript.0.Anwesenheit.Daniel","signals-oid-1":"javascript.0.Anwesenheit.Daniel","signals-icon-style-1":"border: red 2px solid; border-radius: 10px;2px solid; border-radius: 10px","signals-icon-style-2":"","signals-icon-style-0":"border: #41f316 2px solid; border-radius: 10px"},"style":{"left":"30px","top":"45px","width":"65px","height":"65px","z-index":"20","transform":""},"widgetSet":"metro"}]
    

    Und die CSS Einstellungen als Beispiel für Signalbild 1: border: #41f316 2px solid; border-radius: 10px

    Kann jemand helfen?

    O Offline
    O Offline
    Oli
    schrieb am zuletzt editiert von
    #2

    @Kuddel
    Das geht auch mit Binding, direkt in der Rahmenfarbe

    Gruß
    Oliver

    K 1 Antwort Letzte Antwort
    0
    • O Oli

      @Kuddel
      Das geht auch mit Binding, direkt in der Rahmenfarbe

      K Offline
      K Offline
      Kuddel
      schrieb am zuletzt editiert von
      #3

      @Oli wie genau mache ich das ?

      der dp ist

      javascript.0.Anwesenheit.Daniel
      

      bei true, soll der rahmen grün sein, bei false rot

      O 2 Antworten Letzte Antwort
      0
      • K Kuddel

        @Oli wie genau mache ich das ?

        der dp ist

        javascript.0.Anwesenheit.Daniel
        

        bei true, soll der rahmen grün sein, bei false rot

        O Offline
        O Offline
        Oli
        schrieb am zuletzt editiert von
        #4

        @Kuddel
        Kann ich dir heute Abend sagen, bin noch unterwegs

        Gruß
        Oliver

        1 Antwort Letzte Antwort
        0
        • K Kuddel

          @Oli wie genau mache ich das ?

          der dp ist

          javascript.0.Anwesenheit.Daniel
          

          bei true, soll der rahmen grün sein, bei false rot

          O Offline
          O Offline
          Oli
          schrieb am zuletzt editiert von
          #5

          @Kuddel

          hier mal das Binding, Datenpunkt muss noch angepasst werden:

          {wert:javascript.0.Gewerke.Licht_DG.StatusAlarm; wert==0 ? "green" :: "orange"}
          

          Das ganze muss hier eingetragen werden:

          3346d032-0dba-42b2-b1d5-790859359862-image.png

          Gruß
          Oliver

          K 2 Antworten Letzte Antwort
          0
          • O Oli

            @Kuddel

            hier mal das Binding, Datenpunkt muss noch angepasst werden:

            {wert:javascript.0.Gewerke.Licht_DG.StatusAlarm; wert==0 ? "green" :: "orange"}
            

            Das ganze muss hier eingetragen werden:

            3346d032-0dba-42b2-b1d5-790859359862-image.png

            K Offline
            K Offline
            Kuddel
            schrieb am zuletzt editiert von
            #6

            @Oli super, funktionert :-)

            1 Antwort Letzte Antwort
            0
            • O Oli

              @Kuddel

              hier mal das Binding, Datenpunkt muss noch angepasst werden:

              {wert:javascript.0.Gewerke.Licht_DG.StatusAlarm; wert==0 ? "green" :: "orange"}
              

              Das ganze muss hier eingetragen werden:

              3346d032-0dba-42b2-b1d5-790859359862-image.png

              K Offline
              K Offline
              Kuddel
              schrieb am zuletzt editiert von
              #7

              @Oli hmm oder auch nicht:

              bbe010c4-52da-4279-9b1d-d65bc3e4a98b-grafik.png

              {wert:javascript.0.Anwesenheit.Jenny; wert==true ? "#41f316" :: "red"} 
              

              d36c71c2-fdbe-48b3-a912-f55bc4e517d2-grafik.png

              1653d608-1d13-46e3-9607-581da33ea25a-grafik.png

              J.A.R.V.I.S.J Z 2 Antworten Letzte Antwort
              0
              • K Kuddel

                @Oli hmm oder auch nicht:

                bbe010c4-52da-4279-9b1d-d65bc3e4a98b-grafik.png

                {wert:javascript.0.Anwesenheit.Jenny; wert==true ? "#41f316" :: "red"} 
                

                d36c71c2-fdbe-48b3-a912-f55bc4e517d2-grafik.png

                1653d608-1d13-46e3-9607-581da33ea25a-grafik.png

                J.A.R.V.I.S.J Offline
                J.A.R.V.I.S.J Offline
                J.A.R.V.I.S.
                Developer
                schrieb am zuletzt editiert von
                #8

                @Kuddel es bedarf auch keiner zwei Doppelpunkte.

                {wert:javascript.0.Anwesenheit.Jenny; wert==true ? "#41f316" : "red"} 
                

                Hast du es nur im Editor oder auch in der Visualisierung?

                K 1 Antwort Letzte Antwort
                0
                • J.A.R.V.I.S.J J.A.R.V.I.S.

                  @Kuddel es bedarf auch keiner zwei Doppelpunkte.

                  {wert:javascript.0.Anwesenheit.Jenny; wert==true ? "#41f316" : "red"} 
                  

                  Hast du es nur im Editor oder auch in der Visualisierung?

                  K Offline
                  K Offline
                  Kuddel
                  schrieb am zuletzt editiert von
                  #9

                  @J-A-R-V-I-S habe das so von @Oli übernommen und auch in der VIS die Doppelpunkte gesetzt.

                  Ich werde das mal eben korrigieren

                  SBorgS 1 Antwort Letzte Antwort
                  0
                  • K Kuddel

                    @J-A-R-V-I-S habe das so von @Oli übernommen und auch in der VIS die Doppelpunkte gesetzt.

                    Ich werde das mal eben korrigieren

                    SBorgS Offline
                    SBorgS Offline
                    SBorg
                    Forum Testing Most Active
                    schrieb am zuletzt editiert von
                    #10

                    @Kuddel Interessanter ist der Typ vom DP. Ist dein "true" vom JS nur Text oder ein "echter" Boolean?

                    LG SBorg ( SBorg auf GitHub)
                    Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

                    OliverIOO K 2 Antworten Letzte Antwort
                    0
                    • SBorgS SBorg

                      @Kuddel Interessanter ist der Typ vom DP. Ist dein "true" vom JS nur Text oder ein "echter" Boolean?

                      OliverIOO Offline
                      OliverIOO Offline
                      OliverIO
                      schrieb am zuletzt editiert von
                      #11

                      @SBorg das ist relativ egal, da die aktuelle LogiK von Binding das immer in text umsetzt.
                      ich habe da in Verbindung mit JSON-Daten einen Issue bei iobroker.vis eingestellt.
                      Wenn das umgesetzt wird, dann kommen auch die echten Datentypen an.

                      Meine Adapter und Widgets
                      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                      Links im Profil

                      SBorgS 1 Antwort Letzte Antwort
                      1
                      • SBorgS SBorg

                        @Kuddel Interessanter ist der Typ vom DP. Ist dein "true" vom JS nur Text oder ein "echter" Boolean?

                        K Offline
                        K Offline
                        Kuddel
                        schrieb am zuletzt editiert von Kuddel
                        #12

                        @SBorg es ist ein echter Boolean

                        1 Antwort Letzte Antwort
                        0
                        • K Kuddel

                          @Oli hmm oder auch nicht:

                          bbe010c4-52da-4279-9b1d-d65bc3e4a98b-grafik.png

                          {wert:javascript.0.Anwesenheit.Jenny; wert==true ? "#41f316" :: "red"} 
                          

                          d36c71c2-fdbe-48b3-a912-f55bc4e517d2-grafik.png

                          1653d608-1d13-46e3-9607-581da33ea25a-grafik.png

                          Z Offline
                          Z Offline
                          zahnheinrich
                          schrieb am zuletzt editiert von
                          #13

                          @Kuddel
                          Könnte auch ein anderes Problem sein.
                          In den Objekten ist dein "true" rot, also nicht bestätigt.
                          In deiner CSS Einstellung deutet der grüne Untergrund darauf hin, dass der aktuelle Wert tatsächlich true ist.
                          Vertausche mal die Bedingungen, um zu sehen, ob sich die Anzeige dann ändert

                          MfG Ulrich

                          K 1 Antwort Letzte Antwort
                          0
                          • Z zahnheinrich

                            @Kuddel
                            Könnte auch ein anderes Problem sein.
                            In den Objekten ist dein "true" rot, also nicht bestätigt.
                            In deiner CSS Einstellung deutet der grüne Untergrund darauf hin, dass der aktuelle Wert tatsächlich true ist.
                            Vertausche mal die Bedingungen, um zu sehen, ob sich die Anzeige dann ändert

                            K Offline
                            K Offline
                            Kuddel
                            schrieb am zuletzt editiert von
                            #14

                            @zahnheinrich die erste Farbe wird angezeigt, wenn die Bedingung wahr ist richtig ?

                            Z 1 Antwort Letzte Antwort
                            0
                            • K Kuddel

                              @zahnheinrich die erste Farbe wird angezeigt, wenn die Bedingung wahr ist richtig ?

                              Z Offline
                              Z Offline
                              zahnheinrich
                              schrieb am zuletzt editiert von zahnheinrich
                              #15

                              @Kuddel
                              So sollte es sein.
                              Prüfe einfach mal auf false, versuche auch "false",
                              mit Anführungszeichen.
                              Probier auch wert == false mit Leerzeichen vor und hinter==

                              MfG Ulrich

                              K 1 Antwort Letzte Antwort
                              0
                              • Z zahnheinrich

                                @Kuddel
                                So sollte es sein.
                                Prüfe einfach mal auf false, versuche auch "false",
                                mit Anführungszeichen.
                                Probier auch wert == false mit Leerzeichen vor und hinter==

                                K Offline
                                K Offline
                                Kuddel
                                schrieb am zuletzt editiert von
                                #16

                                @zahnheinrich habe es nochmal gestestet:

                                {wert:javascript.0.Anwesenheit.Daniel; wert=="true" ? "#41f316" : "red"}
                                

                                676ece59-b5ad-4163-a84a-cd4e8d019c88-image.png

                                Meine Frau ist zu Hause, ich nicht.

                                Sieht als gut aus. Scheint so als wenn true in Anführungszeichen muss

                                Z 1 Antwort Letzte Antwort
                                0
                                • K Kuddel

                                  @zahnheinrich habe es nochmal gestestet:

                                  {wert:javascript.0.Anwesenheit.Daniel; wert=="true" ? "#41f316" : "red"}
                                  

                                  676ece59-b5ad-4163-a84a-cd4e8d019c88-image.png

                                  Meine Frau ist zu Hause, ich nicht.

                                  Sieht als gut aus. Scheint so als wenn true in Anführungszeichen muss

                                  Z Offline
                                  Z Offline
                                  zahnheinrich
                                  schrieb am zuletzt editiert von
                                  #17

                                  @Kuddel
                                  Hab ich auch schon mal rumgesucht.
                                  So gehts dann.
                                  Scheint also doch kein "echtes" true zu sein, sondern ein Textstring.

                                  MfG Ulrich

                                  K 1 Antwort Letzte Antwort
                                  0
                                  • OliverIOO OliverIO

                                    @SBorg das ist relativ egal, da die aktuelle LogiK von Binding das immer in text umsetzt.
                                    ich habe da in Verbindung mit JSON-Daten einen Issue bei iobroker.vis eingestellt.
                                    Wenn das umgesetzt wird, dann kommen auch die echten Datentypen an.

                                    SBorgS Offline
                                    SBorgS Offline
                                    SBorg
                                    Forum Testing Most Active
                                    schrieb am zuletzt editiert von
                                    #18

                                    @OliverIO sagte in CSS Einstellungen werden nicht umgesetzt:

                                    das ist relativ egal, da die aktuelle LogiK von Binding das immer in text umsetzt.

                                    Dann kann aber IMHO wert==true nicht funktionieren? und muss "true" sein ;)

                                    Beim Binding wird im Editor unabhängig vom Status immer der erste verwertbare Wert genommen, egal ob die Bedingung "true" oder "false" ist.

                                    LG SBorg ( SBorg auf GitHub)
                                    Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

                                    OliverIOO 1 Antwort Letzte Antwort
                                    0
                                    • Z zahnheinrich

                                      @Kuddel
                                      Hab ich auch schon mal rumgesucht.
                                      So gehts dann.
                                      Scheint also doch kein "echtes" true zu sein, sondern ein Textstring.

                                      K Offline
                                      K Offline
                                      Kuddel
                                      schrieb am zuletzt editiert von
                                      #19

                                      @zahnheinrich

                                      955938c3-1f4d-42af-8ecf-d423102f8969-image.png

                                      Z 1 Antwort Letzte Antwort
                                      0
                                      • K Kuddel

                                        @zahnheinrich

                                        955938c3-1f4d-42af-8ecf-d423102f8969-image.png

                                        Z Offline
                                        Z Offline
                                        zahnheinrich
                                        schrieb am zuletzt editiert von
                                        #20

                                        @Kuddel
                                        Klar, aber siehe den post darüber von @SBorg .

                                        MfG Ulrich

                                        K 1 Antwort Letzte Antwort
                                        0
                                        • Z zahnheinrich

                                          @Kuddel
                                          Klar, aber siehe den post darüber von @SBorg .

                                          K Offline
                                          K Offline
                                          Kuddel
                                          schrieb am zuletzt editiert von
                                          #21

                                          @zahnheinrich also halten wir fest: das problem waren die fehlenden Anführungszeichen ??

                                          Z SBorgS 2 Antworten Letzte Antwort
                                          0

                                          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                          Registrieren Anmelden
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          241

                                          Online

                                          32.8k

                                          Benutzer

                                          82.8k

                                          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
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe