Pagebutton -> Unterseite wird sofort ausgeblendet

PingPong · 19 September 2017, 22:18:53

Hallo zusammen,

leider brauche ich mal wieder Eure Hilfe.
Versuche mich weiterhin an meiner ersten Tablet UI Visualisierung.
Habe dabei folgendes Problem bei der Nutzung der Pagebuttons:
Initial wird beim Laden der Seite der Inhalt der Datei content_main.html kurz angezeigt. Der Inhalt rollt sich dann aber sofort nach oben weg und es wird nur noch die Navigation und ansonsten eine leere Seite angezeigt -> s. Screenshot.

Hier ein Auszug aus der index.html

Code Auswählen

<!-- ========= Linkes Menu ======================= -->
<li data-row="1" data-col="1" data-sizex="1" data-sizey="10" class="halbTransparent">
<header style="border-top-left-radius:8px;border-top-right-radius:8px;">Men&uuml;</header>
	<div data-type="pagebutton" 
		 data-url="#content_main.html"
		 data-load="#content1" 
		 data-fade-duration="fast" 
		 data-active-pattern="(.*/||.*index.html||.*#content_main.html)"
		 data-on-color="#E6FF57"
	     data-off-color="#808080"
		 data-on-background-color="#E6FF57"
		 data-off-background-color="#A6BF17"
    	 data-icon="fa-home"
  		 data-background-icon="fa-circle-thin"
  		 class="default prefetch cell">
	</div>
	<div data-type="label" class="narrow darker">Home</div>
</li>

<!-- ========= Rechtes-Menü =============== -->
<li data-row="1" data-col="14" data-sizex="1" data-sizey="10" class="halbTransparent">
<header style="border-top-left-radius:8px;border-top-right-radius:8px;">Men&uuml;</header>
	<div	data-type="pagebutton"
			data-url="#PT_index_tanken.html"
			data-load="#content2" 
			data-fade-duration="fast" 
			data-active-pattern=".*#PT_index_tanken.html" 
			data-icon="oa-sani_water_"
			data-on-color="#E6FF57"
			data-off-color="#808080"
			data-on-background-color="#E6FF57"
			data-off-background-color="#A6BF17"
			data-background-icon="fa-circle-thin"
			class="cell">
	</div>
	<div data-type="label" class="narrow darker">Tanken</div>

<li class="semitransparentoff" data-row="3" data-col="2" data-sizex="12" data-sizey="8" >
	<div class="page" id="content1"></div>
	<div class="page" id="content2"></div>

und hier ein Auszug aus der content_main.html:

Code Auswählen

<body>
	<div class="page" id="content1">
		<div class="gridster">
			<ul>			
				<!-- ============= Beleuchtung ======= -->
				<li data-row="1" data-col="1" data-sizex="4" data-sizey="6" data-template="PT_inc_beleuchtung.html" class="halbTransparent"></li>

				<!-- ============= Fenster / Türen ======= -->
				<li data-row="1" data-col="6" data-sizex="2" data-sizey="6" data-template="PT_inc_fenster_tueren.html" class="halbTransparent"></li>

				<!-- ========= Content-Abfall ============== -->
				<li data-row="9" data-col="2" data-sizex="4" data-sizey="2" data-template="PT_inc_abfallkalender.html" class="halbTransparent"></li>
					
				<!-- ========= Waschmaschine / Trockner ====================== -->
				<li data-row="3" data-col="8" data-sizex="2" data-sizey="3" data-template="PT_inc_waschmaschine_trockner.html" class="halbTransparent"></li>
			</ul>
		</div>
	</div>
</body>

Hat jemand ne Idee?
VG
Marc

FHEM Forum

Pagebutton -> Unterseite wird sofort ausgeblendet

PingPong