index.html
<!DOCTYPE html>
<html>
<head>
<title>TabletUI</title>
<script src="js/fhem-tablet-ui.js" defer></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="gridster_disable" content="1">
<meta name="gridster_cols" content="10">
<meta name="gridster_rows" content="7">
<meta name="widget_margin" content="5">
<meta name="longpoll" content="1">
<meta name="debug" content="0">
<meta http-equiv="refresh" content="600; URL=index.html">
</head>
<body style="background-image:url(); background-size:cover; background-position:center;">
<div data-type="weatherbackground" data-device="Wetter" data-get="code"></div>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="10" data-sizey="1" style="background-color:transparent"><div data-template="templateHeader.inc"></li>
<li data-row="2" data-col="1" data-sizex= "2" data-sizey="6" style="background-color:transparent">
<div class="sheet center-align"
style="font-size:300%;background-color:rgba(0,0,0,0.7)">
<div class="row">
<div class="cell">
<div class="default"
data-type="pagebutton"
data-url="#pageStart.html"
data-load="#pageStart"
data-active-pattern="(.*/||.*#pageStart.html)"
data-icon="fa-home">
</div>
</div>
</div>
<div class="row">
<div class="cell">
<div data-type="pagebutton"
data-url="#pageRooms.html"
data-load="#pageRooms"
data-active-pattern="(.*/||.*#pageRooms.html)"
data-icon="fa-home">
</div>
</div>
</div>
</div>
</li>
<li data-row="2" data-col="3" data-sizex= "8" data-sizey="6" style="background-color:transparent">
<div class="page" id="pageStart"></div>
<div class="page" id="pageRooms"></div>
</li>
</ul>
</div>
</body>
</html>
pageStart.html
<html>
<title></title>
<head></head>
<body>
<div class="page" id="pageStart">
Startseite
</div>
</body>
</html>
Eigentlich sollte pageStart.html beim Start geladen werden (class="default" beim pagebutton) und in der Adresszeile steht auch index.html#pageStart.html
Allerdings wird weder beim Start noch beim Click auf irgendeinen pagebutton etwas auf der page angezeigt ...
Wo liegt mein Fehler ???
anscheinend muss auch reiner Text in einem DIV Tag stehen (z.B. als data-type="label") ... jetzt funktioniert es