Widget Circlemenu funktioniert am PC, aber nicht auf dem Tablet

setstate · 19 Oktober 2016, 14:23:11

Im Code des Circlemenu darf es kein class="menu" und braucht es kein class="circlemenu" geben.

Ist das vllt. die Ursache?

miche · 19 Oktober 2016, 18:08:37

hab ich entfernt. aber leider keine Besserung. Hier meine Config

<div data-type="circlemenu" data-direction="horizontal">
<ul class="menu">
<li><div data-type="push" data-icon="fa-windows"></div></li>
<li><div data-type="push" data-device="WZFenster"
data-set-on="position 100"
data-icon="">100</div></li>
<li><div data-type="push" data-device="WZFenster"
data-set-on="position 80"
data-icon="">80</div></li>
<li><div data-type="push" data-device="WZFenster"
data-set-on="position 60"
data-icon="">60</div></li>
<li><div data-type="push" data-device="WzFenster"
data-set-on="position 40"
data-icon="">40</div></li>
<li><div data-type="push" data-device="WZFenster"
data-set-on="position 20"
data-icon="">20</div></li>
<li><div data-type="push" data-device="WZFenster"
data-set-on="position 0"
data-icon="">0</div></li>
</ul>
</div>
<div data-type="label" class="cell">WZFenster</div>

Gollum2 · 19 Oktober 2016, 19:38:57

Gollum2 · 19 Oktober 2016, 19:40:29

miche · 19 Oktober 2016, 20:36:31

Super tolle Kommentare, aber hilft mir auch nicht

viegener · 19 Oktober 2016, 22:45:39

Zitat von: miche am 19 Oktober 2016, 20:36:31
Super tolle Kommentare, aber hilft mir auch nicht

Ich denke der Kommentar von Gollum2 bezieht sich darauf, dass setstate beschrieben hat, dass kein class="menu" im circlemenu vorkommen darf, in Deinem Code dies aber enthalten ist?

Generell ist die Vermutung, dass im Falle dass es bei einer Ausrichtung geht und bei anderer Ausrichtung nicht, vielleicht wirklich irgendwo PLatz fehlt oder spezielle Formatierungen nicht passen.

Gollum2 · 20 Oktober 2016, 10:04:58

Sorry Miche,

wenn das falsch rübergekommen ist...

Wie setstate schon schrieb, bitte mal in dieser Zeile das "menu" entfernen :
<ul class="menu">

<ul class="">

Ansonsten glaube ich auch an "Platzprobleme".

Gruß
Gollum

Gollum2 · 20 Oktober 2016, 11:01:49

Versuch mal den Code in Deiner Test Box:

Code Auswählen



 <div class="container left inline">
      <div data-type="circlemenu" data-direction="horizontal">
         <ul class="cell">
              <li><div data-type="push" data-icon="fa-windows"></div></li>
              <li><div data-type="push" data-device="WZFenster" 
                     data-set-on="position 100" 
                     data-icon="">100</div>
              </li>
              <li><div data-type="push" data-device="WZFenster" 
                     data-set-on="position 80" 
                     data-icon="">80</div>
               </li>
               <li><div data-type="push" data-device="WZFenster" 
                     data-set-on="position 60" 
                     data-icon="">60</div>
              </li>
               <li><div data-type="push" data-device="WzFenster" 
                      data-set-on="position 40" 
                      data-icon="">40</div>
               </li>
               <li><div data-type="push" data-device="WZFenster" 
                      data-set-on="position 20" 
                      data-icon="">20</div>
               </li>
               <li><div data-type="push" data-device="WZFenster" 
                     data-set-on="position 0" 
                     data-icon="">0</div>
               </li>
         </ul>
      </div>
      <div data-type="label" class="cell">WZFenster</div>
</div>

Ich hab mein Menu mal auf horizontal umgestellt....und es geht beim iPhone 6 mit IOS 10.
Unterschied im Code:

Ich packe Elemente immer in Container
Ich habe kein "menu" in class stehen.

miche · 21 Oktober 2016, 11:53:54

also bei class hab ich das Menü mal entfernt.
Jetzt schaut es gut aus. Ich glaub ich muss noch mehr lesen, warum dies so ist. Ich hab die Konfiguration nur aus einem Beispiel kopiert.

Warum machst du das in einem Container? Was hat dies für Vorteile?

Gollum2 · 21 Oktober 2016, 12:22:08

....weil ich immer wieder Probleme mit der Positionierung und Ausrichtung der Elemente auf dem Grid hatte.
So funktioniert es bei mir besser.

Ist aber kein MUSS für Dich

Syrex-o · 21 Oktober 2016, 14:04:04

ALso ich kann nur für mich sprechen, aber es funktioniert auf allen Geräten gut. Darum poste ich mal meine Variante hier:

Code Auswählen

<div class="inline">
			<div data-type="circlemenu" class="cell circlemenu">
				<ul class="menu">
					<li><div data-type="push"
							 data-icon="fa-play-circle"></div></li>
					<li><div data-type="push"
							 data-device="SZ_XBMC"
							 data-set="play all"
							 data-icon="fa-play"></div></li>
					<li><div data-type="push"
							 data-device="SZ_XBMC"
							 data-set="pause all"
							 data-icon="fa-pause"></div></li>
					<li><div data-type="push"
							 data-device="SZ_XBMC"
							 data-set="next all"
							 data-icon="fa-step-forward"></div></li>
					<li><div data-type="push"
							 data-device="SZ_XBMC"
							 data-set="prev all"
							 data-icon="fa-step-backward"></div></li>
					<li><div data-type="push"
							 data-device="SZ_XBMC"
							 data-set="stop all"
							 data-icon="fa-stop">
					</div></li>
				</ul>
			</div>
			<div data-type="label" class="cell"> Play-Menü
			</div>
		</div>

dt2510 · 18 April 2018, 09:07:43

Ich hole den Thread mal wieder nach oben ....

Ich habe gestern ein Paar Pagebuttons zu Circlemenus umgebaut - funktionieren auf dem PC einwandfrei - die mir allerdings auf meinem Android Tablet Probleme bereiten.
Die Menüs gehen zwar auf, aber bei einem Click auf einen Button nicht automatisch zu !? Hier mal der Code, vielleicht hat jemand 'ne Idee ...

Code Auswählen

<div class="big noshade"
     data-type="circlemenu"
     data-transition="none"
     data-border="square"
     data-circle-radius="78"
     data-direction="horizontal"> 
  <ul>
    <li><div data-type="pagebutton"
             data-url="" 
             data-load=""
             data-active-pattern="(.*#pageRooms.*.html)"
             data-icon="fa-home"
             data-on-color="Linen"
             data-on-background-color="Transparent"
             data-off-color="DimGray"
             data-off-background-color="Transparent"></div></li>
    <li><div data-type="pagebutton" 
             data-url="#pageRooms0.html" 
             data-load="#pageRooms0" 
             data-active-pattern="(.*#pageRooms0.*.html)" 
             data-icon="fs-rc_0" 
             data-on-color="Linen"
             data-on-background-color="Transparent"
             data-off-color="DimGray"
             data-off-background-color="Transparent"></div></li>
    <li><div data-type="pagebutton" 
             data-url="#pageRooms1.html" 
             data-load="#pageRooms1"
             data-active-pattern="(.*#pageRooms1.*.html)"
             data-icon="fs-rc_1"
             data-on-color="Linen"
             data-on-background-color="Transparent"
             data-off-color="DimGray"
             data-off-background-color="Transparent"></div></li>
    <li><div data-type="pagebutton" 
             data-url="#pageRooms2.html" 
             data-load="#pageRooms2"
             data-active-pattern="(.*#pageRooms2.*.html)"
             data-icon="fs-rc_2"
             data-on-color="Linen"
             data-on-background-color="Transparent"
             data-off-color="DimGray"
             data-off-background-color="Transparent"></div></li>
  </ul>
</div>

btw ... kann es sein, daß die Symbolgrößen bei Android und Windows unterschiedlich sind ? Die Icons auf den Pagebuttons werden auf dem Tablet zum Teil rechts abgeschnitten (z.B. beim Icon oa-fts_shutter_40)