Widget Circlemenu funktioniert am PC, aber nicht auf dem Tablet

[thobo]

Hallo zusammen,

ich versuche gerade auf eine für meine Frau kompatible Benutzeroberfläche zu schwenken. Bislang bin ich nämlich ihre "Fernbedienung" . Also hab ich mir TABLET-UI angeschaut und für gut befunden.

Nun habe ich aber folgendes Problem:
Das Circlemenu funktioniert prima in meinem Firefox oder auch Safari Browser auf dem MAC. Aber sobald ich das vom Handy oder Tablet probiere, kann ich zwar auf das Haupt-Symbol klicken, aber außer dass es kurz "aufleuchtet" passiert nichts. Es erscheinen also nicht die Schaltoptionen um den Kreis. Probiert habe ich es mit dem Silk-Browser (Kindle Fire), dem Google Chrome (Tablet) und dem Firefox (Handy). Überall das gleiche Problem.

Was könnte ich falsch gemacht haben?

schonmal vielen Dank im Voraus
Thomas

Code Auswählen Erweitern

<li data-row="2" data-col="2" data-sizex="1" data-sizey="1">
    <header>Rollo</header>
<div class="left">
<div data-type="circlemenu" class="cell circlemenu">
    <ul class="menu">
      <li><div data-type="push" data-icon="fa-wrench"></div></li>
      <li><div data-type="push" data-device="Rollo_Arbeitszimmer"
               data-set-on="100"
               data-icon="">100</div></li>
      <li><div data-type="push" data-device="Rollo_Arbeitszimmer"
               data-set-on="50"
               data-icon="">50</div></li>
      <li><div data-type="push" data-device="Rollo_Arbeitszimmer"
               data-set-on="0"
               data-icon="">0</div></li>
    </ul>
</div>
<div data-type="label" class="cell">Arbeitszimmer</div>
</div>
</li>


[Gollum2]

Änder mal die Zeilen....

Code Auswählen Erweitern


<div data-type="circlemenu" class="cell circlemenu">
    <ul class="menu">


in

Code Auswählen Erweitern


<div data-type="circlemenu" class="cell">
    <ul>


Bis auf die Parameter sieht es nämlich so aus wie bei mir....

Gruß
Gollum

PS: Hier das Beispiel das bei mir die Grundlage bildet....
https://github.com/knowthelist/fhem-tablet-ui#circle-menu

[thobo]

Hi Gollum,

das hat leider nichts gebracht.
Es gibt nur einen Unterschied zum vorherigen Verhalten: Im Firefox auf dem Handy wir nun noch nicht mal mehr das Schraubenschlüssel Symbol gezeigt. Sonst ist alles wie vorher. Also bei den Tablets drücke ich auf's Symbol, es leuchtet kurz auf und das war es dann auch schon wieder.

Trotzdem Danke!!

Viele Grüße
Thomas

[Gollum2]

Tja was soll ich sagen....

ich hab eben nochmal deinen code kopiert und bei mir eingefügt....das Menü geht auf und ich kann die Werte auswählen 

also daran liegt es nicht ....

Gerät: Android Tablet mit Crome

[Gollum2]

Die Frage nach einer aktuellen FHEM Version und der Aktualisierung von Tablet UI brauche ich nicht stellen?
oder doch.....?

[Gollum2]

Hui...

ob du es glaubst oder nicht....

Hab gerade die Seite auf meinem Tablet aktualisiert....danach ging kein Circlemenu mehr.

Neustart Tablet...und es geht einmal....danach nur noch aufleuchten...scheint was generelles am widget zu sein.

EDIT: Wenn ich den RING (also die Umrandung) des widgets treffe, dann geht es auf.

[thobo]

Das ist es tatsächlich!!


sobald ich den Ring Treffe funktioniert es!!
Na das nenne ich mal einen schön versteckten Bug!

Danke für's herausfinden!
Wem müssen wir nun bescheid geben? Ich hab von HTML leider nur sehr wenig Ahnung,

Viele Grüße und DANKE
Thomas

[n4rrOx]

niemand,

setstate liest hier mit

[setstate]

setstate liest hier mit

Woher wisst ihr das? 

[setstate]

Welche Größe habt ihr beim Circle Push Button? Mit meinem Zeigefinger treffe ich immer ein Stück Rand. Ich kann also garnicht testen, ob es in der Mitte gedrückt nicht geht.

[Gollum2]

Moin...

ich hab an der Größe nicht geändert ....also standard.

Wenn ich meine ganzen Finger auf das Widget packe leuchtet es nur auf....
Nähere ich mich von außen an den Kreis an, klappt es irgend wann.

Vielleicht hilft das als Beschreibung.

Was mich wundert....bis heute als ich den Code oben ausprobiert babe gingen die Menüs noch einwandfrei ....(Außer das Thema mit dem Swiper)
ggf. aber auch einfach noch im Cache gehabt..

[thobo]

Also ich habe auch nichts an den Icon-Größen geändert.
Allerdings hatte ich Tablet-UI bereits vor Monaten mal installiert. Heute habe ich dann bevor ich mich ernsthaft damit befassen wollte ein Update von Fhem und vom TABLET-UI gemacht. Danach waren die Icons immer noch so groß wie vorher, die Werte von widget_base_width und widget_base_height waren aber plötzlich im 70'er Bereich. Somit passte das alles nicht mehr zusammen, also habe ich die Größe des widgets wieder auf 116 bzw 131 gesetzt.

Vom Verhalten her kann ich es nicht besser als Gollum beschreiben. Ein einfaches Klicken bringt überhaupt nichts. Erst wenn man sich mit wiederholtem langsamen annähern von außen auf den Kreis zu bewegt, schafft man es irgendwann den "richtigen Pixel" zu treffen. Das ist in der Nähe der äußeren Umrandung. Das Verhalten habe ich auf allen drei Plattformen (Handy, Kindle Fire und Android Tablet)

Ich hoffe das ich damit ein wenig weiter helfen konnte.

Viele Grüße
Thomas

[Patrick85]

Hallo zusammen,
ich hatte ähnliche Probleme. Seit dem widget_pagebutton Update von gestern funktionierten einige der Widgets auf dem Touchscreen nicht mehr (Swiper, Dropdown, Link). Auf dem PC gab es keine Probleme. Sobald ich folgenden Quellcode durch ein altes Backup ersetzt habe, funktioniert die Widgets auch auf dem Touchscreen wieder.

Version vom 14.10.2016

Code Auswählen Erweitern

  // start return timer after last activity
   if ( me.elements.eq(0).data('return-time') > 0 ){
       $('body').once('touchend mouseup', function(e) {
   startReturnTimer(me.elements.eq(0));
   e.preventDefault();
       });
   }


funktionierende Version

Code Auswählen Erweitern

   // start return timer after last activity
   if ( me.elements.eq(0).data('return-time') > 0 ){
       var releaseEventType=((document.ontouchend!==null)?'mouseup':'touchend');
$('body').once(releaseEventType, function() {
       startReturnTimer(me.elements.eq(0));
       });
   }

Viele Grüße
Patrick

[derhelge]

Hallo,

ich habe das selbe Problem mit einem Popup (ich muss quasi ganz an den Rand drücken)

Code Auswählen Erweitern

<div class="top-space">
                                <div data-type="popup"
                                         data-height="400px"
                                         data-width="700px"
                                         class="">
                                        <div data-type="push"
                                                 data-icon="fa-paint-brush"
                                                 class="">
                                        </div>
                                        <div data-type="label"
                                                 class="cell narrow">Farbe
                                        </div>

[viegener]

Bei mir tritt das obige Problem auch mit dem circlemenu auf Android-Tablets (fully browser) auf. Nur am Rand geht es auf, die Mitte gedrückt leuchtet es nur auf. Windows (versch. Browser) geht. Ein Löschen des Caches auf Andoid hat keine Verbesserung gebracht.