data-classes auf image-widget funktioniert nicht (FTUI2)

[Nogga]

Ich versuche schon seit 3h diese blöde Widget zum Laufen zu bringen. Aber er will einfach die classes nicht bezogen auf den wechseln. Hab ich da einfach einen Denkfehler oder Syntaxfehler drin? Er soll bei einer 1 einen roten Rahmen setzen und bei einer 2 einen grünen..

Code Auswählen Erweitern


<style>
.round {

border: 5px solid green;
border-radius: 100%;
display: inline-block;
}
.red-border {
border-color: red;
}

.gray-border {
border-color: blue;
}

</style>
<div
data-type="image"
data-url="https://surehub.s3.amazonaws.com/user-photos/thm/3139075751/qJHTzWSSWSTOzgTjMqpdwLxMERXgelskPTorzD3KOc.jpg"
style="top: 685px; left: 580px; height: 70px; width: 70px;"

class="fixed navigation bg bigger round"

data-device="sf_pet01"
data-state-get="data_position_where"
data-states='["1,"2"]'
data-classes='["red-border","gray-border"]'

></div>


[Nogga]

Ach so, es muss am Widget oder meinem Code liegen - die Variante mit Icon funktioniert tadellos:

Code Auswählen Erweitern


<div data-type="symbol"
class="fixed navigation bg bigger"
style="top: 675px; left: 580px;"
data-device="sf_pet01"
data-get="data_position_where"
data-states='[
"1",
"2"
]'
data-icons='[
"fa-paw",
"fa-paw"
]'
data-colors='[
"#008000",
"#800000"
]'
></div>


[OdfFhem]

@Nogga

Code Auswählen Erweitern


data-states='["1,"2"]'

Hier fehlt ein Zeichen ...

[Nogga]

Huch, das war ein Typo beim zurechtrücken im Forum. Ich habe das fehlende " hinzugefügt, aber keine Besserung. Die classes ziehen einfach nicht.

[Nogga]

Ich hab keine Ahnung an was es lag, aber ich hab einfach mal umgekehrt die funktionierende Version mit Icon Zeile für Zeile auf Image umgebaut und jetzt geht es:

Code Auswählen Erweitern

<div
data-type="image"
data-url="https://surehub.s3.amazonaws.com/user-photos/thm/3139075751/qJHTzWSSWSTOzgTjMqpdwLxMERXgelskPTorzD3KOc.jpg"
style="top: 685px; left: 580px; height: 70px; width: 70px;"
class="fixed navigation bg bigger round"

data-device="sf_pet01"
data-state-get="data_position_where"
data-states='["1","2"]'
data-classes='["gray-border","red-border"]'
></div>

Wenn ich die Muße hätte, könnte ich jetzt mal Zeichen für Zeichen vergleichen, aber ich hab nicht wirklich Lust drauf.