Hallo Gemeinde,
ich versuche mein TabletUI zu erweitern. Mein Ziel als Allergiker war eine Statusanzeige auf der Hauptseite, welche den Allgemeinen Status anzeigt und dann bei Aktivierung die Details anzeigt. Ich habe nun einen Versuch mit einem CircleMenü gemacht... die Anzeige funktioniert soweit auch... was nicht geht ist eine Beschriftung der einzelnen Werte (siehe Bild).
<div data-type="circlemenu" data-direction="horizontal" class="circlemenu top-space-2x">
<ul>
<li><div data-type="symbol"
data-device="Pollenflug"
data-get="fc1_maximum"
data-icons='["fa-pagelines","fa-pagelines","fa-pagelines"]'
data-on-colors='["yellowgreen","yellow","red"]'
data-get-on='["low","moderate","high"]'
class="" >
</div></li>
<li><div data-type="symbol"
data-device="Pollenflug"
data-get="fc1_Graeser"
data-icons='["fa-pagelines","fa-pagelines","fa-pagelines"]'
data-on-colors='["yellowgreen","yellow","red"]'
data-get-on='["low","moderate","high"]'
class="" >
</div></li>
<li><div data-type="symbol"
data-device="Pollenflug"
data-get="fc1_Roggen"
data-icons='["fa-pagelines","fa-pagelines","fa-pagelines"]'
data-on-colors='["yellowgreen","yellow","red"]'
data-get-on='["low","moderate","high"]'
class="" >
</div></li>
<li><div data-type="symbol"
data-device="Pollenflug"
data-get="fc1_Eiche"
data-icons='["fa-pagelines","fa-pagelines","fa-pagelines"]'
data-on-colors='["yellowgreen","yellow","red"]'
data-get-on='["low","moderate","high"]'
class="" >
</div></li>
<li><div data-type="symbol"
data-device="Pollenflug"
data-get="fc1_Ampfer"
data-icons='["fa-pagelines","fa-pagelines","fa-pagelines"]'
data-on-colors='["yellowgreen","yellow","red"]'
data-get-on='["low","moderate","high"]'
class="" >
</div></li>
<li><div data-type="symbol"
data-device="Pollenflug"
data-get="fc1_Wegerich"
data-icons='["fa-pagelines","fa-pagelines","fa-pagelines"]'
data-on-colors='["yellowgreen","yellow","red"]'
data-get-on='["low","moderate","high"]'
class="" >
</div></li>
</ul>
</div>
Eine Label einzubauen, hat leider auch nicht funktioniert:
<div data-type="label"
class="cell">Graeser</div>
Hat einer einen Vorschlag, wie ich das hinbekommen kann, dass die Beschriftungen der einzelnen Pollenarten bei Öffnung des Menüs angezeigt werden ?
Moin,
Das Thema ist zwar schon ein wenig älter, aber hast du da eine Lösung gefunden?
Gruß
Anhand des Beispiels aus dem 1. Beitrag, sollte es so funktionieren:
<li><div data-type="symbol"
data-device="Pollenflug"
data-get="fc1_maximum"
data-icons='["fa-pagelines","fa-pagelines","fa-pagelines"]'
data-on-colors='["yellowgreen","yellow","red"]'
data-get-on='["low","moderate","high"]'
class="" ><div class="top-space-2x">POLLEN 1</div>
</div></li>
<li><div data-type="symbol"
data-device="Pollenflug"
data-get="fc1_maximum"
data-icons='["fa-pagelines","fa-pagelines","fa-pagelines"]'
data-on-colors='["yellowgreen","yellow","red"]'
data-get-on='["low","moderate","high"]'
class="" ><div class="top-space-2x">POLLEN 2</div>
</div></li>
Evtl muss man da noch etwas mit der top-space-2x class rum spielen.
Gruß
Vaddi