Nach links gehts nach rechts nicht. Irgendeine Idee?
Nach links
<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
<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>
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.
<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>
Der classchanger machte Probleme. Mit Button geht es aber.
<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>