Position der Hauptzelle des Circle-Menüs

rasti · 06 Februar 2016, 23:22:45

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

Code Auswählen


 <li data-row="2" data-col="1" data-sizex="1" data-sizey="4">
 <header>TV-Sender w&auml;hlen</header><BR><BR>
  <div data-type="label" class=""> &Ouml;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>

roman1528 · 06 Februar 2016, 23:34:16

Zitat von: rasti am 06 Februar 2016, 23:22:45
wie bekomme ich das im Gridsterrasterelement zentriert ?
Code Auswählen Erweitern
<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.

Code Auswählen


<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^^

rasti · 07 Februar 2016, 00:39:03

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

Code Auswählen


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

 <header>TV-Sender w&auml;hlen</header><BR><BR>
  <div data-type="label" class=""> &Ouml;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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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>

setstate · 07 Februar 2016, 00:49:52

ich habe eine Bugfix-Zeile ins circlemenu geschoben ...
Bitte jetzt nochmal testen

rasti · 07 Februar 2016, 01:36:39

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

setstate · 07 Februar 2016, 01:39:25

Folgendes in Zeile 41 einfügen:
parent.css({minWidth: parent.data('item-width')})

Code Auswählen

        .addClass('menu')
        parent.css({minWidth: parent.data('item-width')})
        .closest('.gridster>ul>li').css({overflow: 'visible'});

rasti · 07 Februar 2016, 02:23:48

Zitat von: setstate am 07 Februar 2016, 01:39:25
Folgendes in Zeile 41 einfügen:
parent.css({minWidth: parent.data('item-width')})

Code Auswählen Erweitern
.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

roman1528 · 07 Februar 2016, 10:41:59

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:

Code Auswählen


        <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.

rasti · 07 Februar 2016, 10:56:08

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