New FHEM Tablet UI

waschbaerbauch · 07 Januar 2016, 18:05:51

Genau - ich lerne immer gern dazu!

Spartacus · 07 Januar 2016, 18:11:14

Hallo roman1528,
vielen Dank. Probieren ist so ne Sache! Dazu muss ich mir erst so ein Tablet anschaffen. Und da hätte ich gerne vorher gewusst, wie sich ein OLED-Tab (ohne Hintergrundbeleuchtung) im Nachtmodus macht!
Aber wenn niemand so ein Dingen hat, dann kann natürlich auch niemand seine Erfahrungen posten

.

Dann guck ich erst mal nach einem passenden Gerät!

Danke,
Christian

Nobby1805 · 07 Januar 2016, 18:54:31

Zitat von: Spartacus am 07 Januar 2016, 18:11:14
Dann guck ich erst mal nach einem passenden Gerät!

... oder wartest noch ein zwei Tage um denen, die heute noch nicht hier waren, die Gelegenheit zu einer Antwort zu geben

cotecmania · 07 Januar 2016, 19:18:24

Hallo,

Zitat von: waschbaerbauch am 07 Januar 2016, 17:55:56
Keine Ahnung - bin ich HTML Papst?

Wenn ich ein Glas Nutella öffne, dann mach ich es nach Gebrauch immer wieder zu

PS: Getrieben durch den Sarkasmus *g* hab ich noch google gefragt - muss man nicht und man kann es wohl eher so machen, also rein optional:
Code Auswählen Erweitern
<li data-row="1" data-col="1" data-sizex="6" data-sizey="6"> <header>GARTENTOR</header> <img src="http://192.168.1.168/goform/stream?cmd=get&channel=0" height="90%" wight="100%" border="0" /> </li>

So funktioniert es mittlerweile. Mit netten runden Ecken und einem Link, wenn man drauf clickt ...

Code Auswählen

  <a href="http://192.168.1.150:8090/fhem/ftui/cameras_stream.html" target="_top"><img src=http://192.168.1.168/goform/stream?cmd=get&channel=4
  width="92%" alt="Tor" style="-webkit-border-radius: 10px;"></a>

Leider nur in CHROME und NICHT in WebViewControl !
Weiss da jemand Abhilfe ?

Danke und Gruss
Joe

MrWishbone · 07 Januar 2016, 19:29:09

Hallo setstate,

ich habe die ganze Zeit gedacht, dass ich die Regulären Ausrücke im Bezug auf die Slider nicht verstanden haben, habe jetzt aber festgestellt, dass es sich hierbei anscheinend um einen Bug handelt.

Ein Slider in einem Popup zeigt keine Werte an, egal ob per RegEx oder ohne. Der selber Slider funktioniert außerhalb des Popups Fehlerfrei.
Wenn ich das Popup während des Ladevorgangs geöffnet bekomme, dann schafft es der Slider anscheinen die Daten zu laden.
Ebenso scheint es so zu sein, dass wenn ich während das Popup auf ist und ich überschreibe den Wert in Fhem, dann wird ebenfalls der Wert geladen.

Ich würde selber prüfen wo genau der Fehler liegt, kenne mich aber nicht gut genug im Bereich der Webprogrammierung aus.

Gruß
Patrick

setstate · 07 Januar 2016, 20:28:51

@MrWishbone: Wie sieht der RegEx aus? Bitte mal ein kurzen Beispiel, dann teste ich das bei mir ...

ulli · 07 Januar 2016, 20:52:52

Hallo zusammen,

ich bin über TabletUI gestolpert und war sofort begeistert, so das ich jetzt am konfigurieren bin...
Ich finde es nur etwas umständlich...

Darum ein paar Fragen bzgl. folgendes Codebeispiels:

Code Auswählen


				<table class="cells" width="100%">
					<tr><th>Raum</th><th>Temperatur</th><th>Feuchtigkeit</th><th>Taupunkt</th><th>Batterie</th></tr>
					<tr>
						<td><div data-type="label" class="cell narrow">Bad</div></td>
						<td><div data-type="label" data-device="BZ_Climate" data-get="temperature"></div></td>
						<td><div data-type="label" data-device="BZ_Climate" data-get="humidity"></div></td>
						<td><div data-type="label" data-device="BZ_Climate" data-get="dewpoint"></div></td>
						<td><div data-type="label" data-device="BZ_Climate" data-get="battery"></div></td>
					</tr>
				</table>

* Lassen sich Parameter übergeordnet definieren?

Code Auswählen

				
				<table class="cells" width="100%">
					<tr><th>Raum</th><th>Temperatur</th><th>Feuchtigkeit</th><th>Taupunkt</th><th>Batterie</th></tr>
					<tr>
						<div data-type="label" data-device="BZ_Climate">
							<td><div data-type="label" class="cell narrow">Bad</div></td>
							<td><div data-get="temperature"></div></td>
							<td><div data-get="humidity"></div></td>
							<td><div data-get="dewpoint"></div></td>
							<td><div data-get="battery"></div></td>
						</div>
					</tr>
				</table>

*Lassen sich so eine Art Template definieren?

Code Auswählen


Klimasensor="	<td><div data-type="label"  data-get="temperature"></div></td>
			<td><div data-type="label"  data-get="humidity"></div></td>
			<td><div data-type="label"  data-get="dewpoint"></div></td>
			<td><div data-type="label"  data-get="battery"></div></td>"

Code Auswählen


				<table class="cells" width="100%">
					<tr><th>Raum</th><th>Temperatur</th><th>Feuchtigkeit</th><th>Taupunkt</th><th>Batterie</th></tr>
					<tr>
						<td><div data-type="label" class="cell narrow" template="Klimasensor" data-device="BZ_Climate">Bad</div></td>
						<td><div data-type="label" class="cell narrow" template="Klimasensor" data-device="SZ_Climate">Schlafzimmer</div></td>
						<td><div data-type="label" class="cell narrow" template="Klimasensor" data-device="WZ_Climate">Wohnzimmer</div></td>
					</tr>
				</table>

oder für die Styles (Wertelimits) eine Art Template?

Code Auswählen


TempLimit="data-limits='[16,22]' data-colors='["#AA6900","#FF0000"]'"

Code Auswählen


				<table class="cells" width="100%">
					<tr><th>Raum</th><th>Temperatur</th><th>Feuchtigkeit</th><th>Taupunkt</th><th>Batterie</th></tr>
					<tr>
						<td><div data-type="label" class="cell narrow">Bad</div></td>
						<td><div data-type="label" data-device="BZ_Climate" data-get="temperature" Template="TempLimit"></div></td>
						<td><div data-type="label" data-device="BZ_Climate" data-get="humidity"></div></td>
						<td><div data-type="label" data-device="BZ_Climate" data-get="dewpoint"></div></td>
						<td><div data-type="label" data-device="BZ_Climate" data-get="battery"></div></td>
					</tr>
				</table>

* Lassen sich in irgend einer Art auch Wildcards/RegEx definieren?
So das alle Defines welche zum RegEx "*Climate" passen auflisten?

Code Auswählen


				<table class="cells" width="100%">
					<tr><th>Raum</th><th>Temperatur</th><th>Feuchtigkeit</th><th>Taupunkt</th><th>Batterie</th></tr>
					<tr>
						<td><div data-type="label" class="cell narrow">Bad</div></td>
						<td><div data-type="label" data-device="*_Climate" data-get="temperature"></div></td>
						<td><div data-type="label" data-device="*_Climate" data-get="humidity"></div></td>
						<td><div data-type="label" data-device="*_Climate" data-get="dewpoint"></div></td>
						<td><div data-type="label" data-device="*_Climate" data-get="battery"></div></td>
					</tr>
				</table>

Besten Dank im Voraus!

MrWishbone · 07 Januar 2016, 21:10:37

@Setstate

Ich habe mal eine abgespeckte Version meines UIs angehängt, welches ich zu Testzwecken auf das wesentliche beschränkt habe (nur das Popup).
Das Chart-Widget wird anscheinend in einem Popup ebenfalls nicht geladen.

Ich überlege schon, ob ich mich eventuell vom Popup trennen sollte und stattdessen mit einem Pagebutton einen Seitenwechsel durchführe, damit sollten dann sämtliche Probleme erledigt sein.

Beim Slider geht es um diesen Code-Teil (Zeile 99):

Code Auswählen


<div data-type="slider" data-device="WZ_Heizung_Temp_Day" data-min="5" data-max="35" data-value="true" data-set-value="$v.0" data-get-value="([\D]*).." data-height="150" class="inline"></div>

Der Slider funktioniert nur innerhalb des Popups nicht.

TWART016 · 07 Januar 2016, 22:14:09

Zitat von: waschbaerbauch am 07 Januar 2016, 11:02:24
Nachdem ich nun schon mindestens 3x alles verworfen habe und neu angefangen (dank der Inspirationen hier) möchte ich nun auch schon mal ein paar Bilder preisgeben vom ersten Wurf.

Kann ich mir gut vorstellen, sind aber auch sehr schön geworden. Könntest du den Code evtl. teilen (ggf bei den Github User Demos)?

Vor allem die Wetteransicht gefällt mir sehr gut.

Spartacus · 07 Januar 2016, 22:21:29

Zitat
... oder wartest noch ein zwei Tage um denen, die heute noch nicht hier waren, die Gelegenheit zu einer Antwort zu geben

Hallo zusammen,
das werde ich mal machen......

Ich habe jetzt den ganzen Abend viel über Tablet-UI gelesen und viele tolle Darstellungen gesehen. Ich bin echt begeistert, was man damit machen kann! Bin gespannt, ob ich das hinkriege. Mit HTML habe ich noch nichts gemacht! Mal schauen...

Eine Frage, bevor ich das Tablet-UI auf meinem prod. fhem installiere und mich daran versuche:
Kann ich das Tool auch wieder sauber entfernen, wenn ich damit nicht klar komme? Ich möchte ungern Dinge auf dem Pi haben, mit denen ich nicht klar komme. Habe leider kein Testsystem

Danke,
Christian

StefanJoe · 07 Januar 2016, 23:06:22

Zitat von: Spartacus am 07 Januar 2016, 22:21:29
Kann ich das Tool auch wieder sauber entfernen, wenn ich damit nicht klar komme? Ich möchte ungern Dinge auf dem Pi haben, mit denen ich nicht klar komme. Habe leider kein Testsystem

Ja, einfach die neu angelegten Devices in der fhem.cfg entfernen und den Pfad /opt/fhem/www/tablet vollständig löschen (bei Standard-Installationspfaden).

waschbaerbauch · 07 Januar 2016, 23:21:31

Zitat von: TWART016 am 07 Januar 2016, 22:14:09
Kann ich mir gut vorstellen, sind aber auch sehr schön geworden. Könntest du den Code evtl. teilen (ggf bei den Github User Demos)?

Vor allem die Wetteransicht gefällt mir sehr gut.

Ist schon geschehen: http://forum.fhem.de/index.php/topic,37378.msg386691.html#msg386691

setstate · 08 Januar 2016, 01:26:47

@ulli: leider kann ich mit keinem dieser Features dienen. Templates gibt es, aber in anderer Art. Nachzulesen hier:
https://github.com/knowthelist/fhem-tablet-ui#templates

TWART016 · 08 Januar 2016, 01:52:42

Hallo,

ich habe folgendes seltsames Verhalten.

Klicke ich auf das MENU und Kind öffnet sich mit einem pagebutton eine Kinderzimmer.html

Manchmal öffnet sich der Link
http://192.168.178.25:8083/fhem/ftui/Kinderzimmer.html

und manchmal
http://192.168.178.25:8083/fhem/ftui/Kinderzimmer.html#index.html

Screenshots hänge ich an.

Leider kann ich nicht sagen wann was kommt. Wenn ich nun nochmal auf Kind im Menü klicke, öffnet sich der andere Link. Dies kann ich beliebig oft wiederholen.

In beiden Ansichten stimmt das Format aber nicht.
Bei Kinderzimmer.html ist das Icon bei Home (Feld 1/1) nicht vorhanden.
Bei Kinderzimmer.html#index.html ist die komplette erste Reiche nicht groß genug.

EDIT: Zudem ist es nicht möglich data-row zu ändern. Es hat keine Auswirkung. Ich würde gerne die Zeile von 1 in 3 ändern. data-col funktioniert.

Code:
left_main_menü.html

Code Auswählen

    <header>MENU</header>
    <div class="cell">
		
<div style="font-size:30px; color:rgb(96, 0, 0);" data-type="pagebutton" data-color="#aa6900" data-url="Kinderzimmer.html" data-icon="fa-child" class="cell small"></div>
        <div data-type="label" class="cell small darker top-narrow">Kind</div>
			
        <div data-type="pagebutton" data-url="index_3.html" data-icon="fa-music" class="cell"></div>
        <div data-type="pagebutton" data-url="index_4.html" data-icon="fa-hotel" class="cell"></div>
        <div data-type="pagebutton" data-url="index_5.html" data-icon="fa-music" class=""></div>

index.html

Code Auswählen


<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * Just another dashboard for FHEM
     *
     * Version: 1.4.4
     * Requires: jQuery v1.7+, font-awesome, jquery.gridster, jquery.toast
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015 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 tablet_ui HTTPSRV tablet ./www/tablet Tablet Frontend' 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="116">
    <meta name="widget_base_height" content="131">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="debug" content="0"> <!-- 1=output to console;0=no output -->

    <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" />

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

    <script src="/fhem/pgm2/jquery.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.toast.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.gridster.min.js" defer></script>
    <script src="/fhem/tablet/js/fhem-tablet-ui.min.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="/fhem/pgm2/cordova-2.3.0.js" defer></script>
    <script src="/fhem/pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

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

<div class="gridster">
<ul>

<!-- ============ Home-Button ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1" data-template="homebutton.html"></li>

<!-- ========= Linkes-Hauptmenü =========== -->
<!-- ====================================== -->
<li data-row="2" data-col="1" data-sizex="1" data-sizey="4" data-template="menu_left_main.html"></li>



<!-- ============= Uhrzeit ================ -->
<!-- ====================================== -->
<li data-row="1" data-col="2" data-sizex="2" data-sizey="1" data-template="uhr.html"></li>

<!-- ========= Aussentemperatur  =========== -->
<!-- ======================================= -->
<li data-row="1" data-col="4" data-sizex="2" data-sizey="1" data-template="aussentemp.html"></li>


</ul>
</div>
</body>
</html>

Kinderzimmer.html

Code Auswählen

<!DOCTYPE html>
<html>
<head>
	<!-- 
	 /* FHEM tablet ui */
	 /*
	 * Just another dashboard for FHEM
	 *
         * Version: 1.3.5
	 * Requires: jQuery v1.7+, font-awesome, jquery.gridster, jquery.toast
	 * URL: https://github.com/knowthelist/fhem-tablet-ui
	 *
	 * Copyright (c) 2015 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 tablet_ui HTTPSRV tablet ./www/tablet Tablet Frontend' in fhem.cfg
	 * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
	 */
	-->
	<title>FHEM-Tablet-UI</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="widget_base_width" content="127">
	<meta name="widget_base_height" content="100">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
	<meta name="debug" content="0"> <!-- 1=output to console;0=not output -->
	
	<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/powerange.min.css" />
	<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
	
	
	<script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
        <script type="text/javascript" src="/fhem/tablet/lib/jquery.knob.mod.min.js"></script>
	<script type="text/javascript" src="/fhem/tablet/lib/jquery.toast.min.js"></script>
	<script type="text/javascript" src="/fhem/tablet/lib/jquery.circlemenu.js"></script>
	<script type="text/javascript" src="/fhem/tablet/lib/powerange.min.js"></script>
	<script type="text/javascript" src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
        <script type="text/javascript" src="/fhem/tablet/lib/fa-multi-button.min.js"></script>
	<script type="text/javascript" src="/fhem/tablet/js/fhem-tablet-ui.js"></script>
	
	<!-- Enable this lines for usage with WebViewControl --><!-- -->
	<script type="text/javascript" src="/fhem/pgm2/cordova-2.3.0.js"></script>
	<script type="text/javascript" src="/fhem/js/webviewcontrol.js"></script>
	<script type="text/javascript">var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
	<!-- End for WebViewControl -->

</head>
<body>

<!-- available class: container,left,right,cell,narrow,darker,big,bigger,small,thin,large,wider -->
<!-- available data-type: symbol,dimmer,homestatus,label,push,slider,switch,thermostat,volume,weather -->

<div class="gridster">
<ul>
<!-- ============ Home-Button ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1" data-template="homebutton.html"></li>

<!-- ========= Linkes-Hauptmenü =========== -->
<!-- ====================================== -->
<li data-row="2" data-col="1" data-sizex="1" data-sizey="4" data-template="menu_left_main.html"></li>


<li data-row="2" data-col="2" data-sizex="3" data-sizey="3">
	<div class="centered">
		<div data-type="symbol" data-device="testStatus2" class="bigger"></div>
	</div>
</li>


</ul>
</div>
</body>
</html>

Was könnte hier nicht stimmen?

Grüße
TWART016

roman1528 · 08 Januar 2016, 12:08:43

Zitat von: TWART016 am 08 Januar 2016, 01:52:42
Hallo,

ich habe folgendes seltsames Verhalten.

Klicke ich auf das MENU und Kind öffnet sich mit einem pagebutton eine Kinderzimmer.html

Manchmal öffnet sich der Link
http://192.168.178.25:8083/fhem/ftui/Kinderzimmer.html

und manchmal
http://192.168.178.25:8083/fhem/ftui/Kinderzimmer.html#index.html

Screenshots hänge ich an.

Leider kann ich nicht sagen wann was kommt. Wenn ich nun nochmal auf Kind im Menü klicke, öffnet sich der andere Link. Dies kann ich beliebig oft wiederholen.

In beiden Ansichten stimmt das Format aber nicht.
Bei Kinderzimmer.html ist das Icon bei Home (Feld 1/1) nicht vorhanden.
Bei Kinderzimmer.html#index.html ist die komplette erste Reiche nicht groß genug.

EDIT: Zudem ist es nicht möglich data-row zu ändern. Es hat keine Auswirkung. Ich würde gerne die Zeile von 1 in 3 ändern. data-col funktioniert.

Code:
left_main_menü.html
Code Auswählen Erweitern
<header>MENU</header> <div class="cell"> <div style="font-size:30px; color:rgb(96, 0, 0);" data-type="pagebutton" data-color="#aa6900" data-url="Kinderzimmer.html" data-icon="fa-child" class="cell small"></div> <div data-type="label" class="cell small darker top-narrow">Kind</div> <div data-type="pagebutton" data-url="index_3.html" data-icon="fa-music" class="cell"></div> <div data-type="pagebutton" data-url="index_4.html" data-icon="fa-hotel" class="cell"></div> <div data-type="pagebutton" data-url="index_5.html" data-icon="fa-music" class=""></div>

index.html
Code Auswählen Erweitern
<!DOCTYPE html> <html> <head>  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="widget_base_width" content="116"> <meta name="widget_base_height" content="131"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="longpoll" content="1">  <meta name="debug" content="0">  <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/css/fhem-tablet-ui-user.css" /> <script src="/fhem/pgm2/jquery.min.js" defer></script> <script src="/fhem/tablet/lib/jquery.toast.min.js" defer></script> <script src="/fhem/tablet/lib/jquery.gridster.min.js" defer></script> <script src="/fhem/tablet/js/fhem-tablet-ui.min.js" defer></script>  <title>FHEM-Tablet-UI</title> </head> <body> <div class="gridster"> <ul>   <li data-row="1" data-col="1" data-sizex="1" data-sizey="1" data-template="homebutton.html"></li>   <li data-row="2" data-col="1" data-sizex="1" data-sizey="4" data-template="menu_left_main.html"></li>   <li data-row="1" data-col="2" data-sizex="2" data-sizey="1" data-template="uhr.html"></li>   <li data-row="1" data-col="4" data-sizex="2" data-sizey="1" data-template="aussentemp.html"></li> </ul> </div> </body> </html>

Kinderzimmer.html
Code Auswählen Erweitern
<!DOCTYPE html> <html> <head>  <title>FHEM-Tablet-UI</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="widget_base_width" content="127"> <meta name="widget_base_height" content="100"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="longpoll" content="1">  <meta name="debug" content="0">  <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/powerange.min.css" /> <link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" /> <script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script> <script type="text/javascript" src="/fhem/tablet/lib/jquery.knob.mod.min.js"></script> <script type="text/javascript" src="/fhem/tablet/lib/jquery.toast.min.js"></script> <script type="text/javascript" src="/fhem/tablet/lib/jquery.circlemenu.js"></script> <script type="text/javascript" src="/fhem/tablet/lib/powerange.min.js"></script> <script type="text/javascript" src="/fhem/tablet/lib/jquery.gridster.min.js"></script> <script type="text/javascript" src="/fhem/tablet/lib/fa-multi-button.min.js"></script> <script type="text/javascript" src="/fhem/tablet/js/fhem-tablet-ui.js"></script>  <script type="text/javascript" src="/fhem/pgm2/cordova-2.3.0.js"></script> <script type="text/javascript" src="/fhem/js/webviewcontrol.js"></script> <script type="text/javascript">var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>  </head> <body>   <div class="gridster"> <ul>   <li data-row="1" data-col="1" data-sizex="1" data-sizey="1" data-template="homebutton.html"></li>   <li data-row="2" data-col="1" data-sizex="1" data-sizey="4" data-template="menu_left_main.html"></li> <li data-row="2" data-col="2" data-sizex="3" data-sizey="3"> <div class="centered"> <div data-type="symbol" data-device="testStatus2" class="bigger"></div> </div> </li> </ul> </div> </body> </html>

Was könnte hier nicht stimmen?

Grüße
TWART016

Schau dir bitte meine FTUI ganz genau an. (Link in der Signatur)
In den zu öffnenden Seiten brauchst du keinen <head>-Tag. Nur in der index.html.
In der index.html sollte am besten nur ein include sein. Wie z.B. der HomeButton der auf die z.B. home.html verweist. Diese wird dann bei aufruf der index.html geladen.

Grüße^^

New FHEM Tablet UI

MrWishbone

MrWishbone

StefanJoe