Weihnachtsangebot 2025! 🎄

[jmeister79]

Hi,
ich brauche eine Möglichkeit eine Boolsche Variable mit einem Widget zu schalten und das Widget soll mir dann je nach Zustand eine andere CSS Klasse auswählen.
Ich weiß, dass das Widget "BASIC BOOL HTML" sowas ja eigentlich tut, leider kann ich dort aber nicht direkt CSS Klasse eintragen sondern nur HTML Code (zb. <div clas="trueklasse">tblabal </div>

Da meine Elemente aber kombinationen aus verschiedenen Klassen sind komme ich nicht weiter, da dieses Widget das nicht erlaubt. Auch die Kombinationen der Klassen zu einer ist nicht wirklich zielführend, da ich soviel Doppelpflege habe.
Ich hab jetzt n paar Tage nachgedacht aber stehe irgendwie auf dem Schlauch.

Hier ein Beispiel:

Bei True:
Klassen : button_standard left_rounded normal_length bg_true
Beschriftung: Licht Wohnzimmer
Bei False: button_standard left_rounded normal_length bg_false
Beschriftung: Licht Wohnzimmer

Vielleicht hat jemand n Tipp. Gerne baue ich mir auch n widget selber aber sowas hab ich noch nie gemacht.
Lg
Nils

[liv-in-sky]

@jmeister79 sagte in Widget anfrage: Bool Class Switcher:

nd das Widget soll mir dann je nach Zustand eine andere CSS Klasse auswählen

ich verstehe es noch nicht - was meinst du damit: eine andere CSS Klasse auswählen. für das widget selbst oder bei anderen widgets ? wo sind die classes definiiert? im widget drin oder in den eigenschafts-tab unter CSS Klasse (hier geht es mit binding)

vielleicht kannst du ein , zwei bilder machen

[jmeister79]

@liv-in-sky
Guten Morgen und danke für Deine Antwort.

Die CSS Klasse soll auf das Widget Selbst wirken. Es gitb ja zB HTML balue List da geht sowas mit Styles.
Die Klassen sind im CSS vom Projekt deklariert.
Mein CSS Design ist modular Aufgebaut und deshalb leider mehrere Klassen.

Stell dir einfach vor du hast ein Button dessen aussehen über mehrere Klassen definiert wird.
Zb Länge, Rundung, Hintergrundfarbe, Text typ. All das habe ich auf verschiedene Klassen verteilt um zu kombinieren.

Jetzt möchte ich beim umschalten zb den Hintergrund ändern oder den Text fett machen oder es blinken lassen.

Somit müsste er ja dann andere KJlassen für sich selber auswählen.

Bei Basic Number geht das zb über eine Qualitäts ID.
Eine Idee war es einen transparenten Button in den Vordergrund zu legen und dahinter das Basic Number zu legen, aber dann hab ich immer den Variablenwert in diesem Widget.

Weißt Du was ich meine ?
Nils

[liv-in-sky]

@jmeister79

du kannst doch über bindings die klassen anpassen, je nach wert des boolean

{var1:0_userdata.0.test;var1=="true" ? "button_standard left_rounded normal_length bg_true" : "button_standard left_rounded normal_length bg_false" }

[jmeister79]

@liv-in-sky said in Widget anfrage: Bool Class Switcher:

{var1:0_userdata.0.test;var1=="true" ? "button_standard left_rounded normal_length bg_true" : "button_standard left_rounded normal_length bg_false" }

wie geil ist das denn bitte!?
Da wäre ich nie drauf gekommen.
N bisserl umständlich aber genau das was ich brauche.

1000 Dank
Nils

ps.: wie kompliziert ist es sich ein Widget selbst zu bauen, denn Die Qualtiy bei dem "basic number" widget ist ja genau das was ich brauche, leider gibts das bei bool nicht (logisch das bool keine quality braucht :-))

[liv-in-sky]

@jmeister79

du kannst das binding in vielen einstellungen anwenden - auch berechnungen oder stringverwandlungen , farbe, ränder, ...
so umständlich finde ich das garnicht :-)

hatte mal vor langer zeit eine beschreibung gefunden, wie man ein widget erstellt - war mir zu kompliziert - oder du schaust auf github mal den code an, bei einem adapter, der ein widget bereitstellt. ich kann dir da leider nix darüber sagen - habe es nie gemacht