Circlemenu mit Untermenü

[Bastian0302]

Guten Tag,
ich hoffe der Beitrag ist richtig eingeordnet.

Folgendes. Ich versuche gerade in der Tablet-Ui über HTML ein Circlemenu aufzubauen, welches beim klicken wiederum ein circlemenu öffnet.

Folgendes funktioniert.

Beim klick auf das Badewannensymbol öffnet sich das circlemenu.
man sieht die 3 unterpunkte. aber das Thermometersymbol ist nicht mittig angeordnet.
wenn ich auf das Thermometersymbol klicke sieht man wie sich darin das Untermenü nach oben öffnet.

Wie schaffe ich es, dass das Untermenü nicht in dem Bereich des vorherigen Menüs geöffnet wird, sondern ganz normal drumherum erscheinen.

Code Auswählen Erweitern

<div data-type="circlemenu" class="cell circlemenu" data-direction="bottom-half" data-circle-radius="90">
                                <ul class="menu">
                                                 <li><div data-type="push" data-icon="fa-bathtub"></div></li>


                                                                             <li> <div data-type="circlemenu" class="cell circlemenu" data-direction="bottom-half" data-circle-radius="90">
                                                                                                  <ul class="menu">
                                                                                                  <li><div data-type="push" data-icon="fa-thermometer-quarter"></div></li>

                                                                                                   <li><div data-type="push" data-icon="fa-window-close-o"></div></li>
                                                                                                   <li><div data-type="push" data-icon="fa-lightbulb-o" ></div></li>


                                                                                                   </ul>
                                                                                                   </div>
                                                                      </li>



                                                                 <li><div data-type="push" data-icon="fa-window-close-o"></div></li>
                                                                 <li><div data-type="push" data-icon="fa-lightbulb-o" ></div></li>

                                </ul>
                                </div>