Pagetab zusätzlich Label/Text

[TottiToad]

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

Code Auswählen Erweitern


<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

[setstate]

Wo soll Text stehen? Unter jedem Button? So hier?

Code Auswählen Erweitern


            <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>


[TottiToad]

Danke !!!

Ungefähr so hab ich es mir vorgestellt !

Ich ging davon aus das ich es über

Code Auswählen Erweitern

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

[Ulm32b]

Ich ging davon aus das ich es über

Code Auswählen Erweitern

data-text="TestText"
direkt einfüge.

So steht es jedenfalls auch im WIKI, funktioniert jedoch bei mir nicht.

In welchem Wiki steht denn das??

[TottiToad]

hi

https://wiki.fhem.de/wiki/FTUI_Widget_Pagetab

EDIT:  .... 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:

Code Auswählen Erweitern

<div data-type="label" class="darker">Wohnzimmer</div>

[setstate]

Du musst kein Label-Widget benutzen, wenn du nur statischen Text anzeigen willst. Schade um die Ressourcen.

Pure HTML reicht

Code Auswählen Erweitern


<div class="darker">Wohnzimmer</div>


[TottiToad]

Du musst kein Label-Widget benutzen, wenn du nur statischen Text anzeigen willst. Schade um die Ressourcen.

Pure HTML reicht

Code Auswählen Erweitern


<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

[grossmaggul]

Da das "Problem" ja gelöst ist, kapere ich mal den Thread

Schade um die Ressourcen.

Gibt es irgendwo Tips um ressourcenschonende FTUIs zu bauen?