FTUI im Fully Browser nur als ein Aufzählungszeichen

DerAl · 26 Oktober 2016, 16:08:32

Hallo,

ich haben folgendes Problem.

Die Seite:

<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.2.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2016 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/
     */
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="74">
    <meta name="widget_base_height" content="71">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="gridster_disable" content="1">
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="debug" content="2"> <!-- verbose level 1-6 = output to console;0 = not output -->

    <link rel="stylesheet" href="lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <link rel="stylesheet" href="lib/jquery.toast.min.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="../pgm2/jquery.min.js"></script>
    <script src="lib/jquery.toast.min.js"></script>
    <script src="lib/jquery.gridster.min.js"></script>
    <script src="js/fhem-tablet-ui.js" defer></script>

    <title>Casa Gawin</title>
</head>
<body>
    <div class="gridster">
        <ul>
            <li data-row="1" data-col="1" data-sizex="1" data-sizey="9" data-template="menu.html"></li>
        </ul>
    </div>
</body>
</html>

Wird mir im Fully Browser nur als weiße Seite mit einem "Aufzählungszeichen" dargestellt.

Ich habe extra mein FTUI nochmal zurückgesetzt und nutze die index_empty.html als Vorlage.

In meinem Firefox auf meinem Rechner wird die Seite korrekt angezeigt.

Vllt. habt ihr ja noch eine Idee...

~~Wollte gerne den User-Agent vom Trekstor Surftab hier reinkopieren... keine Ahnung wie ich das hinbekomme.~~

Code Auswählen

Mozilla/5.0 (Linux; Android 5.1.1; SurfTab xintron i 10.1 3G Build/LMY47V) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.124 Safari/537.36

Update: Mit dem "Browser" auf meinem Tablet und Chrome läuft FTUI. Wenn ich die alte Version FTUI Version nehme (Vor 2.x) wird auch alles richtig angezeigt... bin ich denn zu blöd oder ihr zu schlau?
Wenn ich mehrere <li>...</li> schreibe werden diese mir auch angezeigt..., aber das CSS scheint nicht geladen zu werden oder JS ...

DerAl · 26 Oktober 2016, 20:48:57

Hab den Fehler gefunden:

Code Auswählen

 <link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />
	
	<link rel="stylesheet" href="/fhem/tablet/lib/material-icons.min.css" />
	<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
	<link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />

    <script src="/fhem/pgm2/jquery.min.js"></script>
    <script src="/fhem/tablet/lib/jquery.toast.min.js"></script>
    <script src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
    <script src="/fhem/tablet/js/fhem-tablet-ui.js" defer></script>

Die Einbindung der Dateien mussten um den Pfad /fhem/tablet/ erweitert werden...

FHEM Forum

FTUI im Fully Browser nur als ein Aufzählungszeichen

DerAl

DerAl