[gelöst] Circlemenu mit Images zeigt nach rechts keine Items

[Clyde]

Nach links gehts nach rechts nicht. Irgendeine Idee?

Nach links

Code Auswählen Erweitern


<div data-type="circlemenu" class="circlemenu noshade" data-direction="horizontal" data-circle-radius="-60">
<ul>
  <li><div data-type="image" class="cell" data-size="65px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="set TabletNickel ttsmsg [dienst_28:note]"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_0.jpg" data-fhem-cmd="{my_dienst_do(   28,6)}"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_do(   28,5)}"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_do(   28,4)}"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_do(   28,3)}"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_do(   28,2)}"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_do(   28,1)}"></div></li>
  <li><div data-type="symbol" data-off-color='#000000' data-background-icon="fa-circle" data-icon="fa-close" class="small"></div></li>
</ul>
</div>


Nach rechts

Code Auswählen Erweitern


<div data-type="circlemenu" class="circlemenu noshade" data-direction="horizontal" data-circle-radius="60">
<ul>
  <li><div data-type="image" class="cell" data-size="65px" data-url="./images/avatare/80_star_0.jpg" data-fhem-cmd="set TabletNickel ttsmsg [dienst_28:note]"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_activate(   28)}"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_do(   28,5)}"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_do(   28,4)}"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_do(   28,3)}"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_do(   28,2)}"></div></li>
  <li><div data-type="image" data-opacity="1" data-size="45px" data-url="./images/avatare/80_star_1.jpg" data-fhem-cmd="{my_dienst_do(   28,1)}"></div></li>
  <li><div data-type="symbol" data-off-color='#000000' data-background-icon="fa-circle" data-icon="fa-close" class="small"></div></li>
</ul>
</div>


[Clyde]

Das gleiche mal mit Image-Widgets ausgeführt macht auch probleme. Ich brauche ein Circlemenu welches data-fhem-cmd unterstützt ohne die onclick-Methode, die bei mir zu sehr verzögert. Irgendwie läufts gerade nicht.

Code Auswählen Erweitern


<div data-type="circlemenu" class="circlemenu noshade" data-direction="horizontal" data-circle-radius="60">
<ul>
  <li><div data-type="image" class="cell" data-size="65px" data-url="./images/avatare/80_star_0.jpg" data-fhem-cmd="set TabletNickel volume 6; set TabletNickel ttsmsg [dienst_28:note]"></div></li>
  <li><div data-type="link" class="" data-fhem-cmd="{my_dienst_activate(   28)}" data-width="50" data-height="30" data-color="orange" data-background-color="#404040">+</div></li>
  <li><div data-type="link" class="" data-fhem-cmd="{my_dienst_do(   28,5)}" data-width="50" data-height="30" data-color="orange" data-background-color="#404040">Leif</div></li>
  <li><div data-type="link" class="" data-fhem-cmd="{my_dienst_do(   28,4)}" data-width="50" data-height="30" data-color="orange" data-background-color="#404040">Toni</div></li>
  <li><div data-type="link" class="" data-fhem-cmd="{my_dienst_do(   28,3)}" data-width="50" data-height="30" data-color="orange" data-background-color="#404040">Charli</div></li>
  <li><div data-type="link" class="" data-fhem-cmd="{my_dienst_do(   28,2)}" data-width="50" data-height="30" data-color="orange" data-background-color="#404040">Linda</div></li>
  <li><div data-type="link" class="" data-fhem-cmd="{my_dienst_do(   28,1)}" data-width="50" data-height="30" data-color="orange" data-background-color="#404040">Nickel</div></li>
  <li><div data-type="symbol" data-off-color='#000000' data-background-icon="fa-circle" data-icon="fa-close" class="small"></div></li>
</ul>
</div>



[Clyde]

Der classchanger machte Probleme. Mit Button geht es aber.

Code Auswählen Erweitern


<li  data-row="6" data-col="1" data-sizex="7" data-sizey="4">

<div data-type="classchanger" data-device="dienst_28" data-get="active" data-get-on='["off"]' data-off-class="hide" class="inline small">
<div data-type="circlemenu" class="circlemenu" data-direction="horizontal" data-circle-radius="60">
<ul>
  <li><div data-type="button" data-fhem-cmd="set TabletNickel volume 6; set TabletNickel ttsmsg [dienst_28:note]" data-icon="fa-star" data-on-color='#000000' data-on-background-color='#505050'></div></li>
  <li><div data-type="button" data-fhem-cmd="set TabletNickel ttsmsg Hinzugefügt;{my_dienst_activate(   28)}" data-icon="fa-star" data-on-color='#FFC43A' data-on-background-color='#505050'></div><div class="top-narrow">+</div></li>
  <li><div data-type="button" data-fhem-cmd="{my_dienst_do(   28,5)}" data-icon="" data-on-background-color='green'>L</div><div class="top-narrow large">L</div></li>
  <li><div data-type="button" data-fhem-cmd="{my_dienst_do(   28,4)}" data-icon="" data-on-background-color='green'>T</div><div class="top-narrow large">T</div></li>
  <li><div data-type="button" data-fhem-cmd="{my_dienst_do(   28,3)}" data-icon="" data-on-background-color='green'>C</div><div class="top-narrow large">C</div></li>
  <li><div data-type="button" data-fhem-cmd="{my_dienst_do(   28,2)}" data-icon="" data-on-background-color='green'>L</div><div class="top-narrow large">L</div></li>
  <li><div data-type="button" data-fhem-cmd="{my_dienst_do(   28,1)}" data-icon="" data-on-background-color='green'>N</div><div class="top-narrow large">N</div></li>
  <li><div data-type="symbol" data-icon="fa-close" data-off-color='#000000' data-background-icon="fa-circle"  ></div></li>
</ul>
</div>
<div data-type="label" class="large" data-device="dienst_28" data-get="state"></div>
</div>
<div data-type="classchanger" data-device="dienst_28" data-get="active" data-get-on='["off"]' data-off-class="hide" class="inline small">
<div data-type="circlemenu" class="circlemenu" data-direction="horizontal" data-circle-radius="60">
<ul>
  <li><div data-type="button" data-fhem-cmd="set TabletNickel volume 6; set TabletNickel ttsmsg [dienst_28:note]" data-icon="fa-star" data-on-color='#000000' data-on-background-color='#505050'></div></li>
  <li><div data-type="button" data-fhem-cmd="set TabletNickel ttsmsg Hinzugefügt;{my_dienst_activate(   28)}" data-icon="fa-star" data-on-color='#FFC43A' data-on-background-color='#505050'></div><div class="top-narrow">+</div></li>
  <li><div data-type="button" data-fhem-cmd="{my_dienst_do(   28,5)}" data-icon="" data-on-background-color='green'>L</div><div class="top-narrow large">L</div></li>
  <li><div data-type="button" data-fhem-cmd="{my_dienst_do(   28,4)}" data-icon="" data-on-background-color='green'>T</div><div class="top-narrow large">T</div></li>
  <li><div data-type="button" data-fhem-cmd="{my_dienst_do(   28,3)}" data-icon="" data-on-background-color='green'>C</div><div class="top-narrow large">C</div></li>
  <li><div data-type="button" data-fhem-cmd="{my_dienst_do(   28,2)}" data-icon="" data-on-background-color='green'>L</div><div class="top-narrow large">L</div></li>
  <li><div data-type="button" data-fhem-cmd="{my_dienst_do(   28,1)}" data-icon="" data-on-background-color='green'>N</div><div class="top-narrow large">N</div></li>
  <li><div data-type="symbol" data-icon="fa-close" data-off-color='#000000' data-background-icon="fa-circle"  ></div></li>
</ul>
</div>
<div data-type="label" class="large" data-device="dienst_28" data-get="state"></div>
</div>
</li>