FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: takaze am 10 Februar 2016, 16:04:00

Titel: pagetab in Kombination mit label
Beitrag von: takaze am 10 Februar 2016, 16:04:00
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  ;D

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

Viele Grüße,
Florian
Titel: Antw:pagetab in Kombination mit label
Beitrag von: roman1528 am 10 Februar 2016, 17:35:37
Moin.

Einfachster Weg per HTML:

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

<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 (http://de.selfhtml.org)

Güße^^
Titel: Antw:pagetab in Kombination mit label
Beitrag von: setstate am 11 Februar 2016, 08:53:51
ich baue noch ein optionales Label in Pagetab ein. Das ist dann auch klickbar ...
Titel: Antw:pagetab in Kombination mit label
Beitrag von: kvo1 am 11 Februar 2016, 09:41:53
Zitat von: setstate am 11 Februar 2016, 08:53:51
ich baue noch ein optionales Label in Pagetab ein. Das ist dann auch klickbar ...

Gute Idee, Danke !
Titel: Antw:pagetab in Kombination mit label
Beitrag von: takaze am 11 Februar 2016, 10:23:51
Zitat von: setstate am 11 Februar 2016, 08:53:51
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 :D
Titel: Antw:pagetab in Kombination mit label
Beitrag von: setstate am 11 Februar 2016, 21:01:01
Ist jetzt verfügbar:

Man muss ein data-text="home" hinzufügen, dann erscheint ein Label unterhalb.
Soll der Text rechts daneben erscheinen, hilft ein class="labelright"
Titel: Antw:pagetab in Kombination mit label
Beitrag von: kvo1 am 11 Februar 2016, 22:58:20
Zitat von: setstate am 11 Februar 2016, 21:01:01
Ist jetzt verfügbar:

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

kurz getestet , funzt ! DANKE !

klaus
Titel: Antw:pagetab in Kombination mit label
Beitrag von: takaze am 12 Februar 2016, 14:18:28
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  :P)
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