FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Grafkox am 22 Februar 2017, 19:40:12

Titel: "data-icon" bzw. "data-icon-left" beim Widget "label"
Beitrag von: Grafkox am 22 Februar 2017, 19:40:12
Guten Nabend setstate,

wäre es ggf. möglich, "data-icon" bzw. "data-icon-left" auch bei "label" mit zu hinterlegen?
Somit könnte man icons im slideout-Menü analog der "link" Widgeds für Untermenüs verwenden.

Danke & Gruß

Thorsten
Titel: Antw:"data-icon" bzw. "data-icon-left" beim Widget "label"
Beitrag von: setstate am 22 Februar 2017, 19:50:09
Für solche statische Label braucht noch doch nix bauen, dafür reicht simples HTML

<i class="fa fa-cloud fa-2x inline"></i><div class="inline big">WETTER</div>
Titel: Antw:"data-icon" bzw. "data-icon-left" beim Widget "label"
Beitrag von: Grafkox am 22 Februar 2017, 20:04:07
uups, doch so simpel.

Danke für die schnelle Anwort

Bin leider noch nicht so fit in Perl, HTML etc.
Titel: Antw:"data-icon" bzw. "data-icon-left" beim Widget "label"
Beitrag von: setstate am 22 Februar 2017, 22:14:17
oder so


<div class="hbox big">
    <i class="fa fa-lg fa-fw fa-cloud"></i><div>WETTER</div>
</div>


oder so


<div class="row big">
    <i class="fa fa-lg fa-cloud col-10"></i><div class="col-90">WETTER</div>
</div>
Titel: Antw:"data-icon" bzw. "data-icon-left" beim Widget "label"
Beitrag von: Standarduser am 24 Februar 2017, 20:07:50
Hab das gleich mal im Wiki als Beispiel hinzugefügt.
https://wiki.fhem.de/wiki/FTUI_Widget_Label#Symbol_neben_Label_anzeigen