Circlemenu, Menü Position

Begonnen von Tweak, 08 Januar 2017, 16:17:45

Vorheriges Thema - Nächstes Thema

yersinia

wie sieht es aus wenn du
<div data-type="circlemenu" class="cell large top-space" data-direction="left-half" data-circle-radius="80">
mal nach
<div data-type="circlemenu" class="cell" data-direction="left-half" data-circle-radius="80">
änderst?

Es ist kurios, dass die cell hier so rausfällt.
viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

CoZimO

Der Button ist nur kleiner geworden, die Position hat sich dadurch aber nicht geändert.

yersinia

hast du mal im wiki nachgeschaut? -> https://wiki.fhem.de/wiki/FTUI_Widget_Circlemenu

class="keepopen" wird nur auf dem widget gesetzt.

möglicherweise brauchst du ein div für das cell und dann erst das widget; ungefähr so:
<div class="cell">
     <div data-type="circlemenu" class="">
       [..]
     </div>
</div>


ggf das circlemenu einrücken (https://wiki.fhem.de/wiki/FHEM_Tablet_UI#CSS-Klassen)
<div class="cell">
     <div data-type="circlemenu" class="top-narrow-2x left-narrow-2x compressed">
       [..]
     </div>
</div>


Was ich beim FTUI auch beobachtet habe ist das wenn das symbol widget fehler hat, dass es dann unschön positioniert ist.
<li><div data-type="symbol" data-on-color="#808080" data-off-color="##E6FF57" data-on-background-color="#808080" data-icon="fa-bed" data-background-icon="fa-circle-thin"></div></li>
Laut Wiki (https://wiki.fhem.de/wiki/FTUI_Widget_Symbol#Attribute) fehlt das Attribut data-get, oder?
Denn laut deinem Code nutzt dies nur um das Icon anzuzeigen, oder?
viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

CoZimO

Zitat von: yersinia am 03 August 2018, 14:08:50

ggf das circlemenu einrücken (https://wiki.fhem.de/wiki/FHEM_Tablet_UI#CSS-Klassen)
<div class="cell">
     <div data-type="circlemenu" class="top-narrow-2x left-narrow-2x compressed">
       [..]
     </div>
</div>


Das war es, vielen Dank =)

<!-- ========= Kinderzimmer ==================== -->

<div class="cell large">
     <div data-type="circlemenu" class="top-narrow-1x left-narrow-4x compressed" data-direction="left-half" data-circle-radius="90">
        <ul>
      <li><div data-type="symbol" data-on-color="#808080" data-off-color="##E6FF57" data-on-background-color="#808080" data-off-background-color="#808080" data-icon="fa-bed" data-background-icon="fa-circle-thin" data-url="PT_index_R_Kinderzimmer.html"</div></li>
      <li><div data-type="pagetab" data-on-color="#808080" data-off-color="##E6FF57" data-on-background-color="#808080" data-off-background-color="#808080" data-icon="fa-bed" data-background-icon="fa-circle-thin" data-url="PT_index_R_Kinderzimmer.html"</div></li>
      <li><div data-type="pagetab" data-on-color="#808080" data-off-color="##E6FF57" data-on-background-color="#808080" data-off-background-color="#808080" data-icon="fa-bed" data-background-icon="fa-circle-thin" data-url="PT_index_R_Kinderzimmer.html"</div></li>
  <li><div data-type="pagetab" data-on-color="#808080" data-off-color="##E6FF57" data-on-background-color="#808080" data-off-background-color="#808080" data-icon="fa-bed" data-background-icon="fa-circle-thin" data-url="PT_index_R_Kinderzimmer.html"</div></li>
    </ul>
     </div>
</div>

<div class="narrow">Kinderzimmer</div>

mani

Hallo weiß hier jemand ob eine Möglichkeit gibt das Circlemenü immer in der Mitte der HTML anzeigen zu lassen?

MFG Mani
RasPi B+,Onkyo_AVR,Luxtronik2,Logo7,Mpd,Arduino Uno mit Ethernet,KNX,Jablotron

CoZimO

Oder Vielleicht Horizontal - Links? :) Es Öffnet leider nur nach rechts. Vielleicht gibt es da ja ne Lösung.

mani

Hallo,

habe ein Circlemenu in ein Popup eingebunden un möchte nun das sich das Circlemenu automatisch mit dem popup öffnet hat ja jemand einen Lösungsvorschlag?

<div class="hbox items-space-between"><i class="oa-sani_boiler_temp large icon-width"></i>
                <div class="grow-7 left-align">
                <div class="large thin">K&uuml;che</div>
                <div data-type="label" class="large left-align"></div>
                </div>
                <div data-type="popup" data-width="230px" data-height="230px" >
                <div data-type="symbol"  data-device="KNX_Baos" data-get="getG4"
                data-states= '["[0-9] %","1[0-9] %","2[0-9] %","3[0-9] %","4[0-9] %","5[0-9] %","6[0-9] %","7[0-9] %","8[0-9] %","9[0-9] %","100 %"]'
                data-icons='["oa-fts_shutter_10","oa-fts_shutter_20","oa-fts_shutter_30","oa-fts_shutter_40","oa-fts_shutter_50","oa-fts_shutter_50", "oa-fts_shutter_60","oa-fts_shutter_70","oa-fts_shutter_80","oa-fts__shutter_90","oa-fts_shutter_100"]'
                data-colors='["green","#6495ED","#6495ED","#6495ED","#6495ED","#6495ED","#6495ED","#6495ED","#6495ED","yellow","green"]'></div>
                <div class="dialog">
                <div class="card halbTransparent">
                <div data-type="circlemenu" class="keepopen noshade top-space-6x">
                <ul>
                <li><div data-type="push" data-device="KNX_Baos" data-set-on="Stop" data-icon="oa-audio_stop" data-off-color="red" data-on-color="red"></div></li>
                <li><div data-type="push" data-device="KNX_Baos" data-set-on="value 100 g3" data-icon="fa-angle-down" data-off-color="green"data-on-color="green"></div></li>
                <li><div data-type="push" data-device="KNX_Baos" data-set-on="value 89 g3" data-icon=""onclick="$('.dialog-close').trigger('click');"><FONT SIZE=3>89%</FONT></div></li>
                <li><div data-type="push" data-device="KNX_Baos" data-set-on="value 74 g3" data-icon=""><FONT SIZE=3>74%</FONT></div></li>
                <li><div data-type="push" data-device="KNX_Baos" data-set-on="value 50 g3" data-icon=""><FONT SIZE=3>50%</FONT></div></li>
                <li><div data-type="push" data-device="KNX_Baos" data-set-on="value 39 g3" data-icon=""><FONT SIZE=3>39%</FONT></div></li>
                <li><div data-type="push" data-device="KNX_Baos" data-set-on="value 11 g3" data-icon=""><FONT SIZE=3>11%</FONT></div></li>
  <li><div data-type="push" data-device="KNX_Baos" data-set-on="value 0 g3" data-icon="fa-angle-up" data-off-color="green" data-on-color="green"></div></li>
                </ul></div></div></div></div></div>





danke für hilfe

mfg Mani
RasPi B+,Onkyo_AVR,Luxtronik2,Logo7,Mpd,Arduino Uno mit Ethernet,KNX,Jablotron