Darstellung von Beschriftungen in Circlemenü

[Kermit20]

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

Code Auswählen Erweitern

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

Code Auswählen Erweitern

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

[CoZimO]

Moin,

Das Thema ist zwar schon ein wenig älter, aber hast du da eine Lösung gefunden?

Gruß

[Vaddi]

Anhand des Beispiels aus dem 1. Beitrag, sollte es so funktionieren:

Code Auswählen Erweitern

<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