Swiper und Circelmenu Widget kombiniert geht nicht

[Roman]

Hallo,

zuerst muss ich sagen, ich finde das Tablet UI unheimlich gelungen und konnte mit dem Wiki und dem Forum bisher eigentlich alle Probleme lösen, die ich so hatte. Nun hab ich allerdings nichts gefunden was mir weiterhilft.

Es geht um die Kombination von 'swiper' und 'circelmenu'.

Ich hab für meine Rollosteuerung ein circelmenu gebaut, dass soweit einwandfrei funktioniert, sobald ich dies in einem swiper einsetzen will, geht das Menu zwar auf, bleibt aber grau hinterlegt und reagiert auch Eingaben nicht mehr.

Code Auswählen Erweitern


<div data-type="circlemenu" class="circlemenu" data-direction="bottom-half" data-circle-radius="60">
        <ul class="menu">
       <li class="circleborder"><div data-type="progress" data-device="Rollo_Gaestebad" data-get="pct"></div></li>
       <li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="up" data-icon="">auf</div></li>
       <li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="pct 25" data-icon="">25</div></li>
       <li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="pct 50" data-icon="">50</div></li>
       <li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="pct 75" data-icon="">75</div></li>
       <li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="down" data-icon="">zu</div></li>
        </ul>
     </div>

funktioniert wie gewünscht.

Innerhalb eines swiper's

Code Auswählen Erweitern


<div data-type="swiper">
        <ul>
        <li>
# HIER DER CODE VOM CIRCELMENU
       </li>
       </ul>
       </div>


bleibt das aufgeklappte Menu ausgegraut und reagiert nicht auf Eingaben
Nach ein paar Sekunden Wartezeit geht das Menu wieder zu.

Irgend eine Idee waran das liegen könnte ?

Roman

[setstate]

hat dein Swiper noch andere Einträge/Parameter?

Ich habe deine Code-Sample bei mir getestet und es funktioniert. Gibt es Unterschiede zwischen Desktop und Tablet? Ich habe es nur am Laptop ausprobiert.

[Roli1606]

Hallo Leute brauche mal kurz etwas Hilfe. Ich wollte ein simplechart in mein UI einbauen um den Luftdruck anzuzeigen. Hier der Code

Code Auswählen Erweitern

<li class="halbTransparent" data-row="2" data-col="6" data-sizex="3" data-sizey="2">
<header>CHARTS</header>
    <div data-type="simplechart"
        data-device="MeinWetter"
        data-logdevice="FileLog_MeinWetter"
        data-columnspec="3:pres.*:4:int"
        data-minvalue="900"
        data-maxvalue="1100"
        data-width="380px"
        data-height="270px"
        data-yticks="20"
        data-daysago="0"
        data-caption="Luftdruck" class="inline cell">
    </div>

Leider bekomme ich nur einen leeren Simple Chart angezeigt. nehme mal an das ich in der data-columnspec etwas falsch gemacht habe.
Hier mal der Logbuch Eintrag den ich auswerten möchte

Code Auswählen Erweitern

2016-01-27_21:57:04 MeinWetter pressure: 1014

Gruß Roland

[Roman]

Hallo setstate,

ich hab verschiedene Kombinationen probiert.

FHEM läuft auf Linux (Übuntu 15.04)
Linux Laptop (Ubuntu 15.10) mit Firefox
Tablet (Siemens Gigaset QV1030) mit Android 4.2.2 , Chrome und WebViewControl
Handy mit Android 5.0 , Chrome und WebViecontrol

Auf allen der gleiche Effekt. FHEM und Tablet UI sind aktuell (gestern aktualisiert)

Ich habe zum testen einen eigenen Gridster-Eintrag gemacht, der Effekt bleibt
Anbei der komplette Code Block aus dem 'gridster'

Code Auswählen Erweitern

<li data-row="2" data-col="4" data-sizex="1" data-sizey="1">
<div data-type="swiper">
<ul>
<li>
<div data-type="circlemenu" class="circlemenu" data-direction="bottom-half" data-circle-radius="60">
<ul class="menu">
<li class="circleborder"><div data-type="progress" data-device="Rollo_Gaestebad" data-get="pct"></div></li>
<li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="up" data-icon="">auf</div></li>
<li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="pct 25" data-icon="">25</div></li>
<li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="pct 50" data-icon="">50</div></li>
<li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="pct 75" data-icon="">75</div></li>
<li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="down" data-icon="">zu</div></li>
</ul>
</div>
</li>
<li>
<div data-type="circlemenu" class="circlemenu" data-direction="bottom-half" data-circle-radius="60">
<ul class="menu">
<li class="circleborder"><div data-type="progress" data-device="Rollo_Gaestebad" data-get="pct"></div></li>
<li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="up" data-icon="">auf</div></li>
<li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="pct 25" data-icon="">25</div></li>
<li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="pct 50" data-icon="">50</div></li>
<li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="pct 75" data-icon="">75</div></li>
<li><div data-type="push" data-device="Rollo_Gaestebad" data-set-on="down" data-icon="">zu</div></li>
</ul>
</div>
</li>
</ul>
</div>
</li>


bin etwas ratlos ....

[Roman]

Hallo Rolli1606

data-columnspec="4:pressure:" 

sollte ausreichen, Daten in der Column 4 , Pattern pressure

Wenn das nicht funktioniert, ich musste bei mir das folgende Werte als Array angeben.

Code Auswählen Erweitern


data-device='["Temp_Dach"]'
data-logdevice='["FileLog_Temperatur"]'
data-columnspec='["4:Temp_Dach:0","4:Temp_Technikraum:0"]'
data-style='["ftui l2","ftui l3"]'
data-ptype='["lines","lines"]'


Gruß
Roman

[setstate]

in der Kombi Circlemenu auf Swiper vertragen sich die verschiedenen z-index Werte nicht.
Die einzige Möglichkeit, die ich auf die Schnelle finden konnte, ist, für diese Circlemenüs die Hintergrundschatten Funktion auszuschalten. class="noshade" <- nach Update von circlemenu verfügbar

Code Auswählen Erweitern

<div data-type="circlemenu" class="circlemenu noshade" ...

[Roman]

Hallo setstate,

klappt mir der neuen Version und dem 'noshade' , Super. 

ich hab noch einiges ausprobiert, der gleiche Effekt, dass eine Auswahl nicht klappt ist auch in Kombination 'swiper + select'.

Gruß & Dank
Roman

p.s. wie setze ich das jetzt auf 'gelöst' ?  Oder ist Thema schließen das richtige ?