FHEM Forum

FHEM => Anfängerfragen => Thema gestartet von: Octopus180 am 05 Juli 2016, 19:06:00

Titel: Darstellung in Fully Fullscreen Browser
Beitrag von: Octopus180 am 05 Juli 2016, 19:06:00
Moin

Ich versuche mich seit ein paar Wochen an den Aufbau meiner TabletUI Oberfläche. Dabei ist jetzt ein Problem enstanden was ich als Anfänger nicht verstehe und auch nich gelöst bekommen
Ich möchte mir gerne über das 59_moon Modul die Mondphasen und Mondauf- und Untergang anzeigen lassen. Ich habe es über folgenden Weg versucht.

<li class="halbTransparent border-left" data-row="2" data-col="1" data-sizex="2" data-sizey="1">
           <header class="headerTransparent">MONDPHASEN</header>
             <table class="calls" width="100%">
       <table>
        <tbody>

                <tr>
                        <td rowspan="3"><div class="">
                     <div data-type="image"
                          data-device="Mond"
                          data-get="ftui"
                          class="cell large" style="width:80%"></div>
                     <div data-type="label"
                          data-device="Mond"
                          data-get="STATE"
                          class="narrow newline left">
                     </div></td>

                   <td><div class="B2"><center>
                        <div data-type="label"
                             class="inline medium"><big>↑</big><small> Mond:</small><br></div>
                        <div data-type="label"
                             data-device="Mond"
                             data-get="Mondaufgang"
                             class="big">
                        </div>
                        </div>
                        <div class="C2"><center>
                        <div data-type="label"
                             class="inline medium"><big>↓</big><small> Mond:</small><br></div>
                        <div data-type="label"
                             data-device="Mond"
                             data-get="Monduntergang"
                             class="big">
                        </div>
                        </div></td>
                </tr>


        </tbody>
</table>


</li>

<li class="halbTransparent border-left" data-row="2" data-col="4" data-sizex="2" data-sizey="1">
           <header class="headerTransparent">TESTTABELLE</header>
             <table class="calls" width="100%">
       <table>
        <tr>
                <td><div class="">
                     <div data-type="image"
                          data-device="Mond"
                          data-get="ftui"
                          class="cell large" style="width:80%"></div>
                     <div data-type="label"
                          data-device="Mond"
                          data-get="STATE"
                          class="narrow newline left">
                     </div></td>

                <td><div class="B2"><center>
                        <div data-type="label"
                             class="inline medium"><big>↑</big><small> Mond:</small><br></div>
                        <div data-type="label"
                             data-device="Mond"
                             data-get="Mondaufgang"
                             class="big">
                        </div>
                        </div>
                        <div class="C2"><center>
                        <div data-type="label"
                             class="inline medium"><big>↓</big><small> Mond:</small><br></div>
                        <div data-type="label"
                             data-device="Mond"
                             data-get="Monduntergang"
                             class="big">
                        </div>
                        </div></td>

        </tr>

</table>


</li>


Jetzt komme ich zu meinen Problem , wenn ich mir die html Seite auf dem Laptop (Win10) unter Internetexplorer oder Firefox , auf dem IPAD mit Safari oder Firefox und über mein Acer 10Zoll B3-A20 mit Firefox anzeigen lasse, sieht die Seite wie folgt aus:


Wird die Seite aber über Fully auf dem Acer geladen sieht es wie folgt aus:


Ich verstehe einfach nicht warum die Pfeile bei dem Text "Mond" bei Fully über den den Text stehen und bei allen anderen neben den Text (da wo sie hin sollen).

Gruß Peter
Titel: Antw:Darstellung in Fully Fullscreen Browser
Beitrag von: Octopus180 am 05 Juli 2016, 19:17:25
(http://uploads.tapatalk-cdn.com/20160705/ac7fcf94a5fffc70842f37f2e17d2c57.png)

Laptop usw.


(http://uploads.tapatalk-cdn.com/20160705/9490c3c8037f31be27939fa9f8107563.png)

Fully
Titel: Antw:Darstellung in Fully Fullscreen Browser
Beitrag von: ht am 05 Juli 2016, 20:22:33
Das könnte an der Android Version liegen, die auf dem Tablet läuft. Ich habe 4.4, und da sieht mein UI mit Fully auch verschoben aus. Das liegt daran, dass Google erst in neueren Android Versionen einer App einen moderneren Web Browser zur Verfügung stellt. Bei mir läuft das UI unter Chrome auf demselben Tablet nämlich einwandfrei, aber das stellt Google dort noch nicht anderen zur Verfügung. Ich meine, man braucht mindestens Android 5. Genaueres erfährst Du hier im Forum im Thread zu Fully:

https://forum.fhem.de/index.php/topic,48862.0.html

Gleich im ersten Post steht was dazu, und das man ab Android 5 "Android System Webview" nachinstallieren sollte.

Grüße,
Volker
Titel: Antw:Darstellung in Fully Fullscreen Browser
Beitrag von: Octopus180 am 05 Juli 2016, 22:56:30
Auf mein Tablet läuft 5.1 und Android System Webview ist auch installiert.
Titel: Antw:Darstellung in Fully Fullscreen Browser
Beitrag von: Octopus180 am 06 Juli 2016, 17:36:01
Moin

Ich habe heute noch einmal ein wenig getestet, dabei ist mir aufgefallen dass das Problem nur Auftritt wenn der "data-get Wert" vierstellig ist. Ich habe mal einen anderen data-get Wert genommen der sechsstellig ist und dann ist die Anzeige unter Fully wie sie sein soll.

Wie bekomme ich jetzt den data-get Wert von zB. 04:37 auf 04:37:00 ?

Gruß Peter
Titel: Antw:Darstellung in Fully Fullscreen Browser
Beitrag von: dev0 am 09 Juli 2016, 18:01:45
Dafür ein userReading anlegen.