Openhab 3 Icon und Zeit

GUI Relevanten, PaperUI, BasicUI, HabPanel ...

Moderatoren: seppy, udo1toni

gexle
Beiträge: 94
Registriert: 16. Dez 2021 11:02

Re: Openhab 3 Icon und Zeit

Beitrag von gexle »

Hallo

Ok vielleicht weis es einer von den anderen Usern ich find dazu nicht wirklich was was ich verstehe!

gexle
Beiträge: 94
Registriert: 16. Dez 2021 11:02

Re: Openhab 3 Icon und Zeit

Beitrag von gexle »

Habe mal einiges probiert aber das mit Textfarbe scheint nicht wirklich zuklappen....

Geht das bei dem Yaml Code so überhaupt??

Danke

Benutzeravatar
sihui
Beiträge: 1827
Registriert: 11. Apr 2018 19:03
Answers: 21

Re: Openhab 3 Icon und Zeit

Beitrag von sihui »

gexle hat geschrieben: 4. Feb 2022 17:21 Geht das bei dem Yaml Code so überhaupt??
Wenn du in der openHAB Doku "textcolor" eingibst erscheinen alle Widgets bei denen das möglich ist, dann einfach draufklicken und Code kopieren.

https://www.openhab.org/docs/
2022-02-04 17_34_30-oh-knob - Knob _ openHAB.png
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
openHAB3 mit Zwave, Alexa, ESPEasy, MQTT, Logitech Harmony, Philips HUE und ZigBee Hardware auf Proxmox VE.

gexle
Beiträge: 94
Registriert: 16. Dez 2021 11:02

Re: Openhab 3 Icon und Zeit

Beitrag von gexle »

Hallo
Danke dir

Welchen code soll ich da kopieren??
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.

SRX
Beiträge: 58
Registriert: 15. Okt 2019 19:50

Re: Openhab 3 Icon und Zeit

Beitrag von SRX »

Hi
Ich kopiere mal einen Teil eines von mir kopierten Widgets, wo die Farbe angepasst werden kann. Vielleicht hilft es Dir weiter. Hier ist es color bei style

Code: Alles auswählen

                      - component: Label
                        config:
                          style:
                            color: "=props.headercolour ? props.headercolour : 'rgb(120, 120, 100)'"
                            font-size: 1.8 em
                            fontWeight: bold
                          text: =props.header

gexle
Beiträge: 94
Registriert: 16. Dez 2021 11:02

Re: Openhab 3 Icon und Zeit

Beitrag von gexle »

SRX hat geschrieben: 5. Feb 2022 10:54 Hi
Ich kopiere mal einen Teil eines von mir kopierten Widgets, wo die Farbe angepasst werden kann. Vielleicht hilft es Dir weiter. Hier ist es color bei style

Code: Alles auswählen

                      - component: Label
                        config:
                          style:
                            color: "=props.headercolour ? props.headercolour : 'rgb(120, 120, 100)'"
                            font-size: 1.8 em
                            fontWeight: bold
                          text: =props.header

Hallo Danke

Aber betrifft das nicht auch wieder den Hintergrund oder sehe ich das falsch?? Ich möchte nur die Textfarbe ändern können!

Benutzeravatar
sihui
Beiträge: 1827
Registriert: 11. Apr 2018 19:03
Answers: 21

Re: Openhab 3 Icon und Zeit

Beitrag von sihui »

gexle hat geschrieben: 5. Feb 2022 08:16 Welchen code soll ich da kopieren??
Na, das was du ändern möchtest, ich nehme an

Code: Alles auswählen

labelTextColor
wird es sein.
openHAB3 mit Zwave, Alexa, ESPEasy, MQTT, Logitech Harmony, Philips HUE und ZigBee Hardware auf Proxmox VE.

gexle
Beiträge: 94
Registriert: 16. Dez 2021 11:02

Re: Openhab 3 Icon und Zeit

Beitrag von gexle »

Hallo

Danke aber wenn ich den dann so einfüge mit labelTextColor: red zbs ändert sich nichts :?

Benutzeravatar
sihui
Beiträge: 1827
Registriert: 11. Apr 2018 19:03
Answers: 21

Re: Openhab 3 Icon und Zeit

Beitrag von sihui »

gexle hat geschrieben: 5. Feb 2022 16:27 Danke aber wenn ich den dann so einfüge mit labelTextColor: red zbs ändert sich nichts :?
Hier ist ein komplettes Beispiel mit labelTextColor in weißer Schriftfarbe, einfach an deinen Code anpassen:

https://community.openhab.org/t/omg-oh3 ... s/110321/7
openHAB3 mit Zwave, Alexa, ESPEasy, MQTT, Logitech Harmony, Philips HUE und ZigBee Hardware auf Proxmox VE.

gexle
Beiträge: 94
Registriert: 16. Dez 2021 11:02

Re: Openhab 3 Icon und Zeit

Beitrag von gexle »

Danke euch

Habe es versucht so einzubinden aber ich bekomme das nicht hin...

Kann mal jemand schauen worans hackt bitte.

Code: Alles auswählen

component: oh-label-card
config:
  trendItem: Wetterinfo_Aussentemperatur
  action: analyzer
  actionAnalyzerItems:
    - Wetterinfo_Aussentemperatur
  item: Wetterinfo_Aussentemperatur
  text: "='Outside:  ' + items.MT_OutsideTemperature.state"
  iconF7: thermometer
  iconColor: red
  color: red
  style:
    font-size: 12px
    margin-top: 3px
slots: null

Antworten