[Gelöst] Zweite Menüebene wird auf iPad nicht angezeigt

wkarl · 24 Mai 2017, 07:04:51

Hallo,

wie im Anhang zu sehen gibt es eine zweite Menüebene. Die wird auch auf meinem iMac, Windows Laptop und Windows Tablet richtig angezeigt. Auf meinem iPad wird sie aber nicht angezeigt - egal welchen Browser ich verwende.

Jemand eine Idee woran dies liegt?

Ciao Walter

amenomade · 24 Mai 2017, 07:15:05

An die Grösse des Bildschirms?

wkarl · 24 Mai 2017, 08:11:47

Denke nicht. Habe eben im Simulator auf dem iMac die Oberfläche mit einem iPad Pro aufgerufen - gleiches Verhalten: die 2te Menüebene erscheint nicht.

Ciao Walter

wkarl · 24 Mai 2017, 08:58:39

Hab das 2te Menü gefunden - es klebt an der rechten Seite!

Aus welchem Grund auch immer.

Jemand ne Idee warum unter iOS dies geschieht?

ciao Walter

wkarl · 24 Mai 2017, 10:18:33

Ok, mein Fehler. Beim zweiten li hatte ich den Platz für das 2te Menü (col=5) nicht berücksichtigt.

ciao Walter

Code Auswählen

<!DOCTYPE html>
<html>

<head>
<!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.6.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2017 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->

    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">

    <meta name='gridster_disable' content='1'>
    <meta name='gridster_resize' content='0'>
    <meta name="gridster_base_width" content="15">
    <meta name="gridster_base_height" content="15">
    <!--meta name="gridster_min_width" content="16" -->
    <!--meta name="gridster_min_height" content="16" -->
    <meta name="widget_margin" content="4">

    <meta name="web_device" content="WEB">
    <meta name="longpoll" content="1">
    <meta name="longpoll_type" content="websocket">
    <meta name="longpoll_filter" content=".*">
    <meta name="longpoll_maxage" content="240">

    <meta name='debug' content='2'>
    <meta name="toast" content="5">
    <meta name="toast_position" content="bottom-left">

    <!-- <link rel="stylesheet" href="css/fhem-darkblue-ui.css" /  -->
    <!--link rel="stylesheet" href="css/ftui-bright-mint-ui.css" / -->

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->

    <script src="js/fhem-tablet-ui.js" defer></script>


    <!-- Remove this line to enable for usage with WebViewControl
    <script defer>
        var wvcDevices = {
            '12345': 'Tablet'
        };
        var wvcUserCssFile = "webviewcontrol.css"
    </script>
    <script src="../pgm2/cordova-2.3.0.js" defer></script>
    <script src="../pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

    <title>FHEM-Tablet-UI</title>
</head>

<body>
   <div class="gridster">
      <ul>
         <li data-col="1" data-row="1" data-sizex="4" data-sizey="34">
            <div class="sheet">
               <div class="row">
                  <div class="cell">
                     <div data-type="clock" data-format="H:i" class="bigger"></div>
                     <div data-type="clock" data-format="d.n.Y" class="normal"></div>
                     <div class="" data-bind="ftui.version"></div>
                  </div>
               </div>
               <div class="row">
                  <div data-type="pagebutton" data-url="#homepage.ftui.html" data-load="#homepage"
                     data-active-pattern="(.*/||.*#homepage.ftui.html)"
                     data-icon="fa-home"
                     class="default cell">
                  </div>
               </div>
               <div class="row">
                  <div data-type="pagebutton" data-url="#h-uf-r-menu.ftui.html" data-load="#ufmenu"
                     data-active-pattern="(.*#h-uf-r-menu.ftui.html||.*#h-uf-r.ftui.html||.*#h-uf-bathroom.ftui.html||.*#h-uf-sleepingroom.ftui.html||.*#h-uf-janine.ftui.html||.*#h-uf-vanessa.ftui.html)"
                     data-icon="oa-control_building_og"
                     class="cell">
                  </div>
               </div>
               <div class="row">
                  <div data-type="pagebutton" data-url="#h-gf-r.ftui.html" data-load="#groundfloor" data-active-pattern="(.*h-gf-r.ftui.html)"
                     data-icon="oa-control_building_eg"
                     class="cell">
                  </div>
               </div>
               <div class="row">
                  <div data-type="pagebutton" data-url="#h-bm-r.ftui.html" data-load="#basement" data-active-pattern="(.*h-bm-r.ftui.html)"
                     data-icon="oa-control_building_kg"
                     class="cell">
                  </div>
               </div>
               <div class="row">
                  <div data-type="pagebutton" data-url="#h-consumption.ftui.html" data-load="#consumption" data-active-pattern="(.*h-consumption.ftui.html)"
                     data-icon="oa-time_statistic"
                     class="cell">
                  </div>
               </div>
               <div class="row">
                  <div data-type="pagebutton" data-url="#g-irrigation.ftui.html" data-load="#irrigation" data-active-pattern="(.*g-irrigation.ftui.html)"
                     data-icon="oa-sani_irrigation"
                     class="cell">
                  </div>
               </div>
               <div class="row">
                  <div data-type="pagebutton" data-url="#g-weather.ftui.html" data-load="#weather" data-active-pattern="(.*h-weather.ftui.html)"
                     data-icon="oa-scene_day"
                     class="cell">
                  </div>
               </div>
            </div>
         </li>
         <li data-col="5" data-row="1" data-sizex="30" data-sizey="34">
            <div class="page" id="homepage"></div>
            <div class="page" id="ufmenu"></div>
            <div class="page" id="groundfloor"></div>
            <div class="page" id="basement"></div>
            <div class="page" id="consumtion"></div>
            <div class="page" id="irrigation"></div>
            <div class="page" id="weather"></div>
         </li>
      </ul>
   </div>
</body>

</html>

amenomade · 24 Mai 2017, 13:17:37

Hing dann doch an die Grösse des Bildschirms: kein Platz reserviert = macht was er will => evtl. ausserhalb des Rahmes

Da Du so wenig Information geliefert hattest, war das die einzige Analyse, die ich machen konnte. Mit der Datei im Anhang, wäre es besser gewesen

wkarl · 24 Mai 2017, 14:16:37

Verwirrend war nur, dass auf den anderen beschriebenen System dieser Fehler ignoriert wird und es richtig angezeigt wird.

Ciao Walter