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
An die Grösse des Bildschirms?
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
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
Ok, mein Fehler. Beim zweiten li hatte ich den Platz für das 2te Menü (col=5) nicht berücksichtigt.
ciao Walter
<!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>
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 :)
Verwirrend war nur, dass auf den anderen beschriebenen System dieser Fehler ignoriert wird und es richtig angezeigt wird.
Ciao Walter