Hallo,
ich habe jetzt ein wenig gesucht, jedoch keine Lösung gefunden.
Daher mal zu meinen "Problem":
Ich baue gerade meine FTUI komplett neu auf und versuche im Menü die Pagetab Icons mit einem Label zu versehen.
Es sollte wenn ich das Wiki und beitrage richtig deute mit data-text="TEXT" funktionieren ?!?
Hier ein Ausschnitt aus der Datei
<li data-row="1" data-col="1" data-sizex="1" data-sizey="10">
<header>
<div data-type="label" class="medium orange">Menü</div>
</header>
<div class="sheet">
<div class="row">
<div class="cell top-align">
<div data-type="pagebutton" data-url="#2_wohnzimmer.html" data-load="#2_wohnzimmer-content"
data-off-background-color="transparent"
data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222"
data-active-pattern=".*#2_wohnzimmer.html"
data-text="Wohnzimmer"
data-icon="oa-control_building_s_all" class="default top-space">
</div>
<div data-type="pagebutton" data-url="#2_esszimmer.html" data-load="#2_esszimmer-content"
data-off-background-color="transparent"
data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222"
data-active-pattern=".*#2_esszimmer.html"
data-text="Esszimmer"
data-icon="oa-control_building_s_all" class="top-space">
</div>
<div data-type="pagebutton" data-url="#2_dj.html" data-load="#2_dj-content"
data-off-background-color="transparent"
data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222"
data-active-pattern=".*#2_djamal.html"
data-text="DJ"
data-icon="fa-music" class="top-space">
</div>
Was mache ich falsch ?
Woran kann es liegen ?
Wie kann ich die Menüpunkte mit einem Label/Text versehen ?
Grüße & Danke
Totti
Wo soll Text stehen? Unter jedem Button? So hier?
<li data-row="1" data-col="1" data-sizex="1" data-sizey="9">
<header><div class="medium orange">Menü</div></header>
<div class="sheet">
<div class="row">
<div class="cell top-align">
<div data-type="pagebutton" data-url="#2_wohnzimmer.html" data-load="#2_wohnzimmer-content"
data-off-background-color="transparent"
data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222"
data-active-pattern=".*#2_wohnzimmer.html"
data-text="Wohnzimmer"
data-icon="oa-control_building_s_all" class="default top-space">
</div>
<div>Text1</div>
<div data-type="pagebutton" data-url="#2_esszimmer.html" data-load="#2_esszimmer-content"
data-off-background-color="transparent"
data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222"
data-active-pattern=".*#2_esszimmer.html"
data-text="Esszimmer"
data-icon="oa-control_building_s_all" class="top-space">
</div>
<div>Text2</div>
<div data-type="pagebutton" data-url="#2_dj.html" data-load="#2_dj-content"
data-off-background-color="transparent"
data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222"
data-active-pattern=".*#2_djamal.html"
data-text="DJ"
data-icon="fa-music" class="top-space">
</div>
<div>Text3</div>
Danke !!!
Ungefähr so hab ich es mir vorgestellt !
Ich ging davon aus das ich es über
data-text="TestText"
direkt einfüge.
So steht es jedenfalls auch im WIKI, funktioniert jedoch bei mir nicht.
Gibt es diese "Funktion" nicht mehr ?
Dann werde ich es so lösen wie von Dir Vorgeschlagen. Ist ja recht einfach ;)
Muss dann mal sehen, wie ich die Textfarbe etc noch formatiere ? Aber das sollte ich hinbekommen
Grüße & Danke
Totti
Zitat von: TottiToad am 07 Dezember 2018, 00:50:16
Ich ging davon aus das ich es über
data-text="TestText"
direkt einfüge.
So steht es jedenfalls auch im WIKI, funktioniert jedoch bei mir nicht.
:o :o In welchem Wiki steht denn das??
hi
https://wiki.fhem.de/wiki/FTUI_Widget_Pagetab
EDIT: :o :o :o :o .... wer lesen kann ist klar im Vorteil sagt man ja immer wieder ;)
Ich habe mich mit pagetab und pagebutton vertan. Ich nutze pagebutton und die Funktion gibt es nur bei pagetab !
Warum eigentlich ? ;)
EDIT EDIT : Ich hab es jetzt so gelöst:
<div data-type="label" class="darker">Wohnzimmer</div>
Du musst kein Label-Widget benutzen, wenn du nur statischen Text anzeigen willst. Schade um die Ressourcen.
Pure HTML reicht
<div class="darker">Wohnzimmer</div>
Zitat von: setstate am 07 Dezember 2018, 16:28:47
Du musst kein Label-Widget benutzen, wenn du nur statischen Text anzeigen willst. Schade um die Ressourcen.
Pure HTML reicht
<div class="darker">Wohnzimmer</div>
Danke !
Ja mit den Ressourcen das hab ich noch nicht so wirklich im Blick ! Arbeite mich gerade in die ganzen Themen ein ;)
Da das "Problem" ja gelöst ist, kapere ich mal den Thread
ZitatSchade um die Ressourcen.
Gibt es irgendwo Tips um ressourcenschonende FTUIs zu bauen?