Openhab 3 Icon und Zeit

[peter-pan]

Schrift farblich ändern kann weis ich noch nicht...??

Das weiss ich leider auch nicht, da müsstest du mal im internationalen Forum suchen, ob du da fündig wirst.

Das Wetter-Widget ist ein Custom-Widget, welches ich im internationalen Forum gefunden habe. Hier der Link dazu: https://community.openhab.org/t/ui-widg ... her/106842

Dazu musst du aber einige Voraussetzungen erfüllen (Binding,Thing,Items). Steht aber alles im Post bzw. mit entsprechenden Verweisen auf die "ToDo's"

[gexle]

Hallo

Ok ja leider in Englisch hmm...

Ich weis ehrlich gesagt nicht wirklich wo ich anfangen soll weil ...siehe das Bild einige Posts vorher zu Items usw.

Das Weather Binding usw. läuft ja schon oder ist das nicht das richtige??

Danke

[peter-pan]

Hier ein Screen-Shot vom Pfad in dem deine Item-Text-Datei stehen muss.

owm.items.jpg

Hier gehört die xxx.items Datei rein. Bei mir heisst sie "owm_onecall.items"

Der zweite Screen-Shot zeigt mein OWM-Konto(Account/Bridge) und die Things dazu, wie bei dir.

[peter-pan]

Hier noch ein Screen-Shot:

onecall1.jpg

Den hatte ich vorher vergessen. Das sieht im Prinzip genau so aus wie dein Thing und wenn du da auf den Channels-Tab gehst solltest du deine Channels mit den verknüpften Items aus der Items-Datei finden

onecall2.jpg

Das sind die blauen Pünktchen, die ich gemeint hab

[gexle]

Hallo Peter-Pan

Danke nochmals für deine Zeit und Hilfe

Schau mal ich habe eingestellt das mir sozusagen die Wettervorhersage einmal 24 Stunden und einmal für 7 Tage angezeigt würde aber irgendwie wird das nicht angezeigt!

[peter-pan]

Das allein wird wohl nicht klappen. Du musst natürlich auch evtl. deine Einstellungen im Thing und natürlich auch deine Items selbst um die einzelnen Tage erweitern. Da kommen dann aber gleich ein paar hundert Items dazu. Wenn ich mich richtig erinnere ist das Item-SetUp auf 13 Stunden- und 3 Tage-Vorschau ausgelegt.

[gexle]

Hallo

Danke ok dann lass ich das mal muss ja nicht unbedingt sein...

Habe noch das Widget Uhrzeit Datum usw.

Code: Alles auswählen

component: oh-clock-card
config:
  background: "linear-gradient(to top right, #6fa8dc 0%, #ffe74c 100%)"
  dateFontSize: 20px
  dateFontWeight: normal
  dateFormat: dddd, DD.MMMM.YYYY
  datePos: above
  showDate: true
  timeFontSize: 20px
  timeFontWeight: normal
  timeFormat: HH:mm:ss
  title: '="Kalenderwoche 2022 - KW:  " + dayjs().isoWeek()'
  footer: Datum / Uhrzeit

Kann ich diese Schrift auch mit Farbe versehen wenn ich den Yaml Code anpasse??

Also zbs. mit

textShadowColor: 0,0,0
fontColor: 255,255,255

Muss das auf einen bestimmten platz im Yaml Code weil nur so eintragen funtioniert nicht wirklich!

[peter-pan]

Das kann ich dir leider auch nicht sagen. Da musst du mal googeln. Das mit dem background: "linear-gradient(to top right, #6fa8dc 0%, #ffe74c 100%)" hab ich auch nur durch Zufall im internationalen Forum gefunden. Ich kann dir auch noch sagen, dass das mit einer Label-Card auch geht.
Beispiel-Yaml:

Code: Alles auswählen

component: oh-label-card
config:
  action: group
  actionGroupPopupItem: gBatt
  background: "linear-gradient(to top left, #6fa8dc 0%, #00FA9A 50%, #ffe74c 100%)"
  icon: "=items.gBatt.state === 'OFF' ? 'f7:battery_100' : 'f7:battery_0'"
  iconColor: "=items.gBatt.state === 'OFF' ? 'blue' : 'red'"
  iconSize: 50
  iconUseState: false
  item: gBatt
  label: "='Batterie-Status Sensoren  :  ' + items.gBatt.displayState"
  outline: false

der Screenshot:

beispiel.jpg

und für die Farbgestaltung noch ein Link mit Codes.

Ich hab auch inzwischen eine Möglichkeit gefunden wie man eine "Custom-Page" farbig machen kann, als ich nach deinen Farb-Beispielen gegoogelt habe.

Hier ein Ausschnitt aus dem Yaml-Code der Seite:

Code: Alles auswählen

config:
  label: Test-Seite
  order: "6"
  sidebar: true
  style:
    background: linear-gradient(to top left,#B0E0E6 0%,#FFC0CB 30%,#1E90FF 100%)
blocks:
  - component: oh-block
    config: {}
    slots:
      default:
        - component: oh-grid-cells
          config: {}
          slots:
            default:

Es sind diese Code-Zeilen:

Code: Alles auswählen

  style:
    background: linear-gradient(to top left,#B0E0E6 0%,#FFC0CB 30%,#1E90FF 100%)

Das kommt dabei raus:

hintergrund.jpg

Da siehst du übrigens auch noch ein Wetter-Custom-Widget, welches mit aufklappbaren Akkordeon funktioniert. allerdings lässt sich da der Hintergrund nicht ändern.

[gexle]

Ok danke

Check ich nicht wo man nur den Text anpassen kann also zbs. Text Farbe schwarz!

Bei dir ist die Schriftfarbe ja auch schwarz

Hmmm

[peter-pan]

..richtig.

Das kann ich dir leider auch nicht sagen.

Das mit der Textfarbe habe ich da bisher nicht raus gefunden.