Hallo,
ich versuche gerade mir ein Circlemenü zusammenzustellen.
Unten der Code und der Screenshot.
Im Screenshot habe ich markiert, wo die Hauptzelle des Circlemenüs positioniert ist,
wie man sieht, ist diese nicht im Gridsterrasterelement zentriert und ragt über den Rand hinaus.
wie bekomme ich das im Gridsterrasterelement zentriert ?
Gruss
Ralf
<li data-row="2" data-col="1" data-sizex="1" data-sizey="4">
<header>TV-Sender wählen</header><BR><BR>
<div data-type="label" class=""> Öffentlich-rechtlich </div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="100"
data-direction="horizontal"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"> </div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_ard_.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Das_Erste"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdf.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_arte.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Arte"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_dreisat.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender 3Sat"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_einsfestival.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Eins_Festival"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_einsplus.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Einsplus"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdfinfo.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF_Info"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdfneo.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF_Neo"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdfkultur.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF_Kultur"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_kika.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Kika"></div></li>
</ul>
</div>
<div data-type="label" class="cell">Dritte</div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="100"
data-direction="horizontal"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"></div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_br.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Bayern"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_swr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender SWR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_wdr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender WDR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_ndr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender NDR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rbb.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RBB"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_mdr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender MDR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_hr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Hessen"></div></li>
</ul>
</div>
<div data-type="label" class="cell">Private</div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="300"
data-direction="right"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"></div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_bibel_tv.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Bibel_TV"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rtl1.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RTL"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_sat1.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender SAT1"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_vox.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender VOX"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_pro7.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Pro_Sieben"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_kabel1.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Kabel_Eins"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_tele5.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Tele5"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_sixx.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender SIXX"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rtl2.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RTL_2"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_superrtl.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Super_RTL"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rtlnitro.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RTL_Nitro"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_dmax.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender DMAX"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_pro7maxx.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Pro7_Maxx"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_sat1gold.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Sat1_Gold"></div></li>
</ul>
</div>
<div data-type="label" class="cell">Nachrichten</div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="100"
data-direction="horizontal"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"></div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_n24.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender N24"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_tagesschau.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Tagesschau_24"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_ntv.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender NTV"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_phoenix.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Phoenix"></div></li>
</ul>
</div>
</li>
Zitat von: rasti am 06 Februar 2016, 23:22:45
wie bekomme ich das im Gridsterrasterelement zentriert ?
<li data-row="2" data-col="1" data-sizex="1" data-sizey="4">
<header>TV-Sender wählen</header><BR><BR>
<div data-type="label" class=""> Öffentlich-rechtlich </div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="100"
data-direction="horizontal"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"> </div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_ard_.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Das_Erste"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdf.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_arte.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Arte"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_dreisat.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender 3Sat"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_einsfestival.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Eins_Festival"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_einsplus.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Einsplus"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdfinfo.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF_Info"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdfneo.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF_Neo"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdfkultur.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF_Kultur"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_kika.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Kika"></div></li>
</ul>
</div>
<div data-type="label" class="cell">Dritte</div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="100"
data-direction="horizontal"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"></div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_br.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Bayern"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_swr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender SWR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_wdr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender WDR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_ndr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender NDR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rbb.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RBB"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_mdr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender MDR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_hr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Hessen"></div></li>
</ul>
</div>
<div data-type="label" class="cell">Private</div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="300"
data-direction="right"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"></div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_bibel_tv.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Bibel_TV"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rtl1.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RTL"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_sat1.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender SAT1"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_vox.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender VOX"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_pro7.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Pro_Sieben"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_kabel1.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Kabel_Eins"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_tele5.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Tele5"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_sixx.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender SIXX"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rtl2.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RTL_2"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_superrtl.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Super_RTL"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rtlnitro.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RTL_Nitro"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_dmax.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender DMAX"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_pro7maxx.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Pro7_Maxx"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_sat1gold.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Sat1_Gold"></div></li>
</ul>
</div>
<div data-type="label" class="cell">Nachrichten</div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="100"
data-direction="horizontal"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"></div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_n24.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender N24"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_tagesschau.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Tagesschau_24"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_ntv.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender NTV"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_phoenix.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Phoenix"></div></li>
</ul>
</div>
</li>
Moin. Zu aller erst solltest du deinen Code ein wenig aufräumen und formatieren. Da steigt ja kein Schwein durch... Ich weiß es ist in der Entwicklungsphase schwierig aber es hilft auch dir den Überblick zu behalten. Welchen Editor nutzt du? Ich empfehle dir Notepad++.
Dann versuch mal der "Hauptzelle" die class centered zu verpassen: class="circlemenu centered"
Wenn das nicht hilft versuch deine ganzen <div>'s in einen "großen" <div class="centered">...</div> einzuschließen.
<li data-row="...................>
<div class="centered">
<div data-type="circlemenu"
data-border="square"
data-item-width="100"
data-item-height="35"
data-circle-radius="100"
data-direction="horizontal"
class="circlemenu">
und soweiter................den ganzen Rest hier auch rein......
</div>
</div>
</li>
Sonst fällt mir erstmal auch nichts weiter ein...
Grüße^^
Hallo,
danke dir.
<centered> hat das ganze noch weiter nach rechts geschoben.
Deswegen hab ich mal spaßhalber <left> probiert und siehe da es geht.
Den Labeltext habe ich mit vielen beigerückt.....
Verstehe ich zwar nicht und der Code ist auch nicht schön aber es funzt.
Unten der Code
Gruss
Ralf
<li data-row="2" data-col="1" data-sizex="1" data-sizey="4">
<header>TV-Sender wählen</header><BR><BR>
<div data-type="label" class=""> Öffentlich-rechtlich </div>
<div class="left">
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="100"
data-direction="horizontal"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"> </div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_ard_.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Das_Erste"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdf.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_arte.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Arte"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_dreisat.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender 3Sat"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_einsfestival.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Eins_Festival"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_einsplus.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Einsplus"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdfinfo.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF_Info"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdfneo.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF_Neo"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_zdfkultur.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender ZDF_Kultur"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_kika.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Kika"></div></li>
</ul>
</div>
<div data-type="label" class="cell"> Dritte</div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="100"
data-direction="horizontal"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"></div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_br.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Bayern"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_swr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender SWR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_wdr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender WDR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_ndr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender NDR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rbb.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RBB"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_mdr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender MDR"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_hr.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Hessen"></div></li>
</ul>
</div>
<div data-type="label" class="cell"> Private</div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="300"
data-direction="right"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"></div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_bibel_tv.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Bibel_TV"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rtl1.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RTL"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_sat1.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender SAT1"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_vox.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender VOX"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_pro7.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Pro_Sieben"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_kabel1.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Kabel_Eins"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_tele5.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Tele5"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_sixx.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender SIXX"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rtl2.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RTL_2"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_superrtl.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Super_RTL"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_rtlnitro.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender RTL_Nitro"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_dmax.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender DMAX"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_pro7maxx.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Pro7_Maxx"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_sat1gold.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Sat1_Gold"></div></li>
</ul>
</div>
<div data-type="label" class="cell"> Nachrichten</div>
<div data-type="circlemenu" data-border="square"
data-item-width="100" data-item-height="35"
data-circle-radius="100"
data-direction="horizontal"
class="circlemenu">
<ul>
<li>
<div data-type="symbol" data-icon="fa-arrows-h" class="big"></div>
</li>
<li><div data-type="image" data-url="/../images/default/tvlogo_n24.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender N24"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_tagesschau.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Tagesschau_24"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_ntv.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender NTV"></div></li>
<li><div data-type="image" data-url="/../images/default/tvlogo_phoenix.png" style="background-color:#99ffcc" data-fhem-cmd="set TVSender Phoenix"></div></li>
</ul>
</div>
</div>
</li>
ich habe eine Bugfix-Zeile ins circlemenu geschoben ...
Bitte jetzt nochmal testen
Zitat von: setstate am 07 Februar 2016, 00:49:52
ich habe eine Bugfix-Zeile ins circlemenu geschoben ...
Bitte jetzt nochmal testen
also ich die circlemenu.js irgendwo neu holen ?
was genau soll ich testen ?
ich gebe ungern "update" in die fhem-Konsole ein,
beim letztem Update hat er mir auch die css überschrieben,
wo ich einiges dazugeschrieben hatte.....
Gruss
Ralf
Folgendes in Zeile 41 einfügen:
parent.css({minWidth: parent.data('item-width')})
.addClass('menu')
parent.css({minWidth: parent.data('item-width')})
.closest('.gridster>ul>li').css({overflow: 'visible'});
Zitat von: setstate am 07 Februar 2016, 01:39:25
Folgendes in Zeile 41 einfügen:
parent.css({minWidth: parent.data('item-width')})
.addClass('menu')
parent.css({minWidth: parent.data('item-width')})
.closest('.gridster>ul>li').css({overflow: 'visible'});
Supi. Jetzt ist es zentriert ohne dass man "left" angeben muss und meine ganzen kann ich auch sparen ;)
Zitat von: rasti am 07 Februar 2016, 01:36:39
also ich die circlemenu.js irgendwo neu holen ?
was genau soll ich testen ?
ich gebe ungern "update" in die fhem-Konsole ein,
beim letztem Update hat er mir auch die css überschrieben,
wo ich einiges dazugeschrieben hatte.....
Gruss
Ralf
???
fhem-tablet-ui-user.css
Da kannst du alles reinschreiben was du selbst haben möchtest. Die wird auch nicht überschreiben beim update.
Dann brauchst du nur noch das:
<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user_tablet.css" />
in deine index.html (oder in alle falls du kein PageTab nutzt) einfügen. Als letzte css definition.
fhem-tablet-ui-user.css gab/gibt es bei mir gar nicht.
in meinem CSS Verzeichnis stehen
fhem-tablet-ui.css
fhem-tablet-ui.min.css
und noch 8 andere deren Namen mit ftui oder fhem beginnen
da hab ich halt die fhem-tablet-ui.css umgeschrieben ::)