FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: veLenoSo am 20 November 2016, 20:53:49

Titel: Problem mit circlemenu eingebettet im Swiper
Beitrag von: veLenoSo am 20 November 2016, 20:53:49
Hallo,

ich versuche gerade das circlemenu im swiper unterzubringen. Das circlemenu öffnet sich auch beim Draufklicken, allerdings kann ich dort die Optionen nicht anklicken. Entferne ich den Swiper drumherum, funktioniert es.
Ich habe es auch mit einem anderen, ecternen "Swiper" probiert, also ein Script (kein tabletui widget) und da habe ich genau das gleiche Problem.

<div data-type="swiper"  data-height="220px" data-width="400px"
         class="top-space-2x">
    <ul>
        <li><div class="row-2-3 container bg-gray center large">

<div data-type="circlemenu" class="circlemenu">
    <ul class="menu">
      <li><div data-type="push" data-icon=""></div></li>
      <li><div data-type="push" data-device="EG_Wohnzimmer_RolloTuer"
               data-set="0"
               data-icon="">auf</div></li>
      <li><div data-type="push" data-device="EG_Wohnzimmer_RolloTuer"
               data-set="" data-set-on="25"
               data-icon="">25%</div></li>
    </ul>
</div>

</div></li>
        <li><div class="row-2-3 container bg-gray center large">Page2</div></li>
        <li><div class="row-2-3 container bg-gray center large">Page3</div></li>
        <li><div class="row-2-3 container bg-gray center large">Page4</div></li>
        <li><div class="row-2-3 container bg-gray center large">Page5</div></li>
     </ul>
     </div>


Hat einer eine Idee woran das liegen kann? Ich habe keine Idee mehr...
Titel: Antw:Problem mit circlemenu eingebettet im Swiper
Beitrag von: setstate am 21 November 2016, 01:53:05
Ich kenne nur den Trick mit class="noshade"


<div data-type="swiper"  data-height="220px" data-width="400px"
         class="top-space-2x">
    <ul>
        <li><div class="row-2-3 container bg-gray center large">

<div data-type="circlemenu" class="noshade">
    <ul>
      <li><div data-type="push" data-icon=""></div></li>
      <li><div data-type="push" data-device="EG_Wohnzimmer_RolloTuer"
               data-set="0"
               data-icon="">auf</div></li>
      <li><div data-type="push" data-device="EG_Wohnzimmer_RolloTuer"
               data-set="" data-set-on="25"
               data-icon="">25%</div></li>
    </ul>
</div>

</div></li>
        <li><div class="row-2-3 container bg-gray center large">Page2</div></li>
        <li><div class="row-2-3 container bg-gray center large">Page3</div></li>
        <li><div class="row-2-3 container bg-gray center large">Page4</div></li>
        <li><div class="row-2-3 container bg-gray center large">Page5</div></li>
     </ul>
     </div>
Titel: Antw:Problem mit circlemenu eingebettet im Swiper
Beitrag von: veLenoSo am 21 November 2016, 19:17:50
Funktioniert, danke!