FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: ulli am 21 Februar 2016, 11:23:40

Titel: Aufbau Index.html gelingt oft nicht
Beitrag von: ulli am 21 Februar 2016, 11:23:40
Komische Phänomene:

* Manchmal gehe ich auf den Link ".../fhem/tablet" und es baut sich die Seite nicht sauber auf...Nur das Menü links ist vorhanden, aber ohne Knöpfe und das Uhrfeld ohne Inhalt ist ebenso vorhanden....Graue Felder ohne Inhalt (Nach ein zwei Refreshes ist alles dann da)
Stimmt was an meine Konfiguration nicht?

Index.html

<body>
<div class="gridster">
<ul>
<li class="halbTransparent" data-template="inc_menu.html" data-row="1" data-col="1" data-sizex="1" data-sizey="6"></li>
<li class="halbTransparent" data-template="inc_clock.html" data-row="1" data-col="11" data-sizex="2" data-sizey="1"></li>
</ul>
</div>
</body>


inc_menu.html

<header class="headerTransparent">MENU</header>

<div class="container large">
<div data-type="pagetab" class="cell"
data-url="index_home.html" data-icon="fa-home"
data-background-icon="fa-circle-thin"
data-on-color="cornflowerblue"
></div>

<div data-type="pagetab" class="cell"
data-url="index_wohnzimmer.html"  data-icon="oa-scene_livingroom"
data-background-icon="fa-circle-thin"
data-on-color="cornflowerblue"
></div> 
   
<div data-type="pagetab" class="cell"
data-url="index_multimedia.html" data-icon="fa-music"
data-background-icon="fa-circle-thin"
data-on-color="cornflowerblue"
></div>

<div data-type="pagetab" class="cell"
data-url="index_System.html" data-icon="fa-wrench"
data-background-icon="fa-circle-thin"
data-on-color="cornflowerblue"
></div>

  <div data-type="pagetab" class="cell"
  data-url="index_wetter.html" data-icon="fa-sun-o"
data-background-icon="fa-circle-thin"
data-on-color="cornflowerblue"
  ></div>
  </div>


inc_clock.html

<header class="headerTransparent">UHRZEIT / DATUM</header>

<div data-type="clock" class="container bigger"
style="color:#aa6900"
data-format="H:i:s"
data-interval="100"
></div>

<div data-type="clock" class="darker big"
data-format="D d.m.Y"
data-interval="100"
></div>


* Was kann ich optimieren das die Fensterinhalte sich schneller aufbauen?
Titel: Antw:Aufbau Index.html gelingt oft nicht
Beitrag von: rasti am 21 Februar 2016, 11:41:20
An deiner Konfiguration wirds nicht liegen und du bist nicht der einzige.
Ich habe das Problem durch Aufsetzen eines Apacheservers (für mich zumindest) gelöst.
Schau mal da

http://forum.fhem.de/index.php/topic,48057.0.html

Gruss

Ralf
Titel: Antw:Aufbau Index.html gelingt oft nicht
Beitrag von: Izmir Schlecht am 21 Februar 2016, 16:00:42
Ich habe bei mir konsequent "data-template" ersetzt durch den entsprechenden Code den ich in den Includes untergebracht hatte. Seitdem ist der Fensteraufbau immer korrekt. Ist allerdings keine schöne Lösung, da ich dadurch Code-Dopplungen habe, die ich vorher durch die Includes besser pflegen konnte.
Titel: Antw:Aufbau Index.html gelingt oft nicht
Beitrag von: rasti am 21 Februar 2016, 16:19:03
Zitat von: Izmir Schlecht am 21 Februar 2016, 16:00:42
Ich habe bei mir konsequent "data-template" ersetzt durch den entsprechenden Code den ich in den Includes untergebracht hatte. Seitdem ist der Fensteraufbau immer korrekt. Ist allerdings keine schöne Lösung, da ich dadurch Code-Dopplungen habe, die ich vorher durch die Includes besser pflegen konnte.

Ich hatte die Probleme auch ohne Template
Titel: Antw:Aufbau Index.html gelingt oft nicht
Beitrag von: ulli am 21 Februar 2016, 18:48:38
Kann das am Browser liegen? Ich nutze derzeit Fully um die Sys Softkeys web zu bekommen.
Titel: Antw:Aufbau Index.html gelingt oft nicht
Beitrag von: rasti am 21 Februar 2016, 19:14:27
Zitat von: ulli am 21 Februar 2016, 18:48:38
Kann das am Browser liegen? Ich nutze derzeit Fully um die Sys Softkeys web zu bekommen.

Ja kann. Bei mir lief es vorher (FHEMweb) mit Chrome am besten. Nun (Apache) gehen alle Browser

Gruss

Ralf
Titel: Antw:Aufbau Index.html gelingt oft nicht
Beitrag von: ulli am 21 Februar 2016, 21:01:21
Ich habe jetzt mal meine index.html angepasst auf folgendes

<body>
<div class="gridster">
<ul>
<li class="halbTransparent" data-template="inc_menu.html" data-row="1" data-col="1" data-sizex="1" data-sizey="6"></li>
</ul>
</div>
</body>


d.h. einfach die inc_clock.html raus genommen. Es scheint das es weitaus besser funktioniert wenn nur ein Eintrag nämlich die inc_menu.html drinnen steht?