FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: sash.sc am 14 Februar 2019, 21:58:54

Titel: [FTUI] Grafik auf einer Kachel als Hintergrund
Beitrag von: sash.sc am 14 Februar 2019, 21:58:54
Hallo zusammen.

Besteht irgendwie die Möglichkeit in einer Kachel ein Bild als Hintergrund festzulegen?
Es sind im Hintergrund sein und das icon darüber liegen?

Geht sowas? Wenn ja, dann wie?

Gruß und danke
Sascha

Gesendet von meinem E6653 mit Tapatalk

Titel: Antw:[FTUI] Grafik auf einer Kachel als Hintergrund
Beitrag von: Thorsten Pferdekaemper am 14 Februar 2019, 22:02:54
Hi,
Du hattest Die Frage zuerst im Thread zum FUIP-Webinar aufgebracht, aber jetzt fragst Du (nur) nach FTUI. Das bedeutet für mich, dass es nicht um FUIP geht und ich bin erstmal raus.
Gruß,
  Thorsten
Titel: Antw:[FTUI] Grafik auf einer Kachel als Hintergrund
Beitrag von: sash.sc am 14 Februar 2019, 22:07:33
Habe da wohl was durcheinander gehauen.
[emoji85]
Sorry.
Trotzdem danke

Gruß Sascha

Gesendet von meinem E6653 mit Tapatalk
Titel: Antw:[FTUI] Grafik auf einer Kachel als Hintergrund
Beitrag von: ext23 am 15 Februar 2019, 09:50:58
Geht mir aber auch immer so, kann man das FUIP nicht in ein extra Ordner packen. Ich weiß noch nicht mal was das ist, hab ich da noch nicht belesen aber ich komm hier auch immer durcheinander.

/Daniel
Titel: Antw:[FTUI] Grafik auf einer Kachel als Hintergrund
Beitrag von: sinus61 am 15 Februar 2019, 16:04:27
Zitat von: sash.sc am 14 Februar 2019, 21:58:54
Besteht irgendwie die Möglichkeit in einer Kachel ein Bild als Hintergrund festzulegen?
Es sind im Hintergrund sein und das icon darüber liegen?

Keine Ahnung ob es da eine spezielle Angabe für den Hintergrund gibt. Aber einfach ein Bild so groß wie die Kachel machen und dann ein Icon drauf legen sollte ja gehen.

Hier hab mal sowas ähnliches gemacht, da werden drei Bild übereinander plaziert und ein Symbol Widget oben drauf:
https://forum.fhem.de/index.php/topic,97204.0.html
Titel: Antw:[FTUI] Grafik auf einer Kachel als Hintergrund
Beitrag von: roman1528 am 18 Februar 2019, 10:08:47
Moin. Ja mit CSS geht sowas.

Du kannst das aber auch innerhalb deiner HTML-Datei machen...

Nehmen wir an, dein gridster ist in etwa so aufgebaut:

<div class="gridster">
  <ul>
    <li [größe und ausrichtung deiner kachel]>
      <header>Überschrift</header>
      <INHALT DEINER KACHEL>
    </li>
  </ul>
</div>


Dann kannst du im li-Element mit einem style-Tag ganz einfach dein Bild als Hintergrund definieren:

<div class="gridster">
  <ul>
    <li [größe und ausrichtung deiner kachel] style="background-image:url('PFAD zum Bild')">
      <header>Überschrift</header>
      <INHALT DEINER KACHEL>
    </li>
  </ul>
</div>


Mehr Info's zu "background-image" gibt es HIER (https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-image)

Grüße^^
Titel: Antw:[FTUI] Grafik auf einer Kachel als Hintergrund
Beitrag von: sash.sc am 20 Februar 2019, 22:59:57
Danke.

Werde es mal die Tage versuchen.

Gruß Sascha

Gesendet von meinem E6653 mit Tapatalk