pagetab in Kombination mit label

[takaze]

Hallo zusammen,

ist es möglich ein pagetab widget mit einem label so zu verschachteln, dass auch beim klick auf das label die pagetab action ausgeführt wird? Frage deshalb, weil ich die label für die pagetab Menüeinträge gerne neben dem Pagetab Icon hätte und man so eher mal auf die label tippt als direkt auf das Icon

Hab schon bissl mit dem link widget rumgespielt, da ist das ganze kein problem, allerdings würde ich schon gerne bei pagetab bleiben 

Hat jemand vielleicht eine Idee wie ich das Ganze umsetzen könnte? Bin für jegliche Vorschläge offen

Viele Grüße,
Florian

[roman1528]

Moin.

Einfachster Weg per HTML:

Code Auswählen Erweitern


<a href="#SEITE.html"
    style="WIE_SOLL_DER _LINK_ AUSSEHEN"
    class="AUCH_HIER_GELTEN_DIE_CSS_KLASSE">
     <div data-type="label"
          class="">BEZEICHNUNG
     </div>
</a>


Oder gleich noch viel einfacher (nur HTML-Link): vorrausgesetzt du holst mit deinem Wunschlabel keine Daten aus FHEM:

Code Auswählen Erweitern


<a href="#SEITE.html" style="WIE_SOLL_DER _LINK_ AUSSEHEN" class="AUCH_HIER_GELTEN_DIE_CSS_KLASSE">BEZEICHNUNG</a>


Tipps und Tricks zu HTML und CSS (style-Attribut) hier: http://de.selfhtml.org

Güße^^

[setstate]

ich baue noch ein optionales Label in Pagetab ein. Das ist dann auch klickbar ...

[kvo1]

ich baue noch ein optionales Label in Pagetab ein. Das ist dann auch klickbar ...

Gute Idee, Danke !

[takaze]

ich baue noch ein optionales Label in Pagetab ein. Das ist dann auch klickbar ...

Danke für die Vorschläge und die rasche Umsetzung direkt im Pagetab! Der Support von allen und v.a. setstate ist absolut genial

[setstate]

Ist jetzt verfügbar:

Man muss ein

Code Auswählen Erweitern

data-text="home" hinzufügen, dann erscheint ein Label unterhalb.
Soll der Text rechts daneben erscheinen, hilft ein

Code Auswählen Erweitern

class="labelright"

[kvo1]

Ist jetzt verfügbar:

Man muss ein

Code Auswählen Erweitern

data-text="home" hinzufügen, dann erscheint ein Label unterhalb.
Soll der Text rechts daneben erscheinen, hilft ein

Code Auswählen Erweitern

class="labelright"

kurz getestet , funzt ! DANKE !

klaus

[takaze]

funktioniert ohne probleme danke!

EDIT::
Hab doch noch ein Problem gefunden..
Wenn ich die Größe der Pagetab elemente über die class ändere (egal ob label rechts oder unten) verschwindet das Label im Icon des Pagetab

und noch eine andere Frage (auf die Gefahr hin das ich eins übergezogen bekomm  )
ich hätte gerne einen Rahmen um beide Elemente, also pagetab mit label, ähnlich wie bei den link widgets.

Lässt dich da was machen?

Grüße