FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Bastian0302 am 26 Dezember 2016, 16:08:25

Titel: Circlemenu mit Untermenü
Beitrag von: Bastian0302 am 26 Dezember 2016, 16:08:25
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.


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