Nur Text | Text mit Bildern

FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: bmwfan am 21 November 2021, 19:59:29

Titel: Nach Umzug auf neuen Raspi werden Widgets nicht geladen
Beitrag von: bmwfan am 21 November 2021, 19:59:29
Hallo,

ich musste für FHEM einen neuen Raspi aufsetzen und habe dann nach der Installation von FTUI laut Wiki meine gesicherten HTML-Dateien in das Verzeichnis www/tablet kopiert.

Wenn ich aus FHEM heraus das Tablet-UI aufrufe, werden meine "Rahmen" angezeigt, abeer die Widgets nur teilweise. Rufe ich FTUI aus dem Browser auf, sehe ich nur die Rahmen, keinerlei Widgets.
Was fehlt?

index.tml:
Code Auswählen
<!DOCTYPE html>
<!-- Gerät;Geräte Pixel-Verhältnis;CSS Browser Höhe; CSS Browser Breite
Hannspree;1,5;1008:1920
Monitor 17";1,0;994;1280 -->
<html>
<head>
<link rel="icon" href="favicon.ico" type="image/x-icon" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="gridster_resize" content="0">

    <script src="js/fhem-tablet-ui.js" defer></script>

<style>
        .grande .label-comma {
            font-size: 40%;
        }
       
        .grande .label-unit,
        .grande .label-aftercomma {
            font-size: 40%;
            left: -4px;
            top: 8px;
            position: relative;
            vertical-align: text-top;
        }
       
        #hum {
            top: 15px;
            position: relative;
            vertical-align: text-top;
        }
       
        a {
            color: #eeeeee !important;
        }
    </style>

    <title>HOME</title>

</head>

<body>

<div class="gridster">

<ul>
<li class="" data-row="1" data-col="1" data-sizex="1" data-sizey="1" data-template="inc_home_button.html">
</li>
</ul>
</div>
</body>
</html>
inc_home_button.html:
Code Auswählen
<header class="headerTransparent">HOME</header>
<div data-type="pagetab"
data-url="index_home.html"
data-background-icon="fa-circle-thin"
data-on-background-color="orange"
data-icon="fa-home"
class="large">
</div>
index_home.html
Code Auswählen
<!DOCTYPE html>
<html>
<head>
    <title>HOME</title>
</head>
<body>
<!--<body topmargin="0" leftmargin="0">
<!-- Automatische Zeilen- und Spaltenskalierung -->
<div class="gridster">
<ul>
<li class="" data-row="1" data-col="1" data-sizex="1" data-sizey="1" data-template="inc_home_button.html"></li>
<li class="" data-row="1" data-col="2" data-sizex="1" data-sizey="1" data-template="inc_jalousiebutton.html"></li>
<li class="" data-row="1" data-col="3" data-sizex="1" data-sizey="1" data-template="inc_kamerabutton.html"></li>
<li class="" data-row="1" data-col="4" data-sizex="1" data-sizey="1" data-template="inc_dwdbutton.html"></li>
<li class="" data-row="1" data-col="5" data-sizex="1" data-sizey="1" data-template="inc_wetterbutton.html"></li>
<li class="" data-row="1" data-col="6" data-sizex="2" data-sizey="1">
<div data-type="label"
class="cell center bigger narrow orange">Home
</div>
</li>
<li class="" data-row="1" data-col="8" data-sizex="3" data-sizey="1" data-template="inc_aussentemp.html"></li>
<li class="" data-row="1" data-col="11" data-sizex="2" data-sizey="1" data-template="inc_uhr.html"></li>
<li class="" data-row="2" data-col="1" data-sizex="1" data-sizey="6" data-template="menu_links.html"></li>
<li class="" data-row="2" data-col="12" data-sizex="1" data-sizey="1" data-template="menu_home_rechts.html"></li>

<!-- Anzeigemenü Anrufe -->
<li class="" data-row="2" data-col="2" data-sizex="4" data-sizey="4">
<header class="headerTransparent">ANRUFE</header>
<table width="99%" style="height:330px" class=""> <!-- border="1"  -->
        <tr>
            <td>
<div data-type="symbol"
data-device="Anrufliste"
data-get="1-state"
data-states='["=>","=> X","<=","<= X","=> ((o))","=>  [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_missed_in","oa-phone_call_end_out","oa-phone_missed_out","oa-phone_ring_out fa-blink","oa-phone_ring_in fa-blink","oa-phone_answersing"]'
data-colors='["green","firebrick","green","firebrick","firebrick","green","#aa6900"]'
class="">
</div>
</td>
            <td>
                <div data-type="label"
data-device="Anrufliste"
data-get="1-timestamp"
data-part="1"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="1-timestamp"
data-part="2"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="1-timestamp"
data-part="3"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="1-timestamp"
data-part="5"
class="">
</div>
            </td>
            <td>
<div data-type="label"
data-device="Anrufliste"
data-get="1-number"
class="">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="1-name"
class="">
</div>
</td>
            <td>
<div data-type="label"
data-device="Anrufliste"
data-get="1-duration"
class="">
</div>
</td>
</tr>
<tr>
            <td>
<div data-type="symbol"
data-device="Anrufliste"
data-get="2-state"
data-states='["=>","=> X","<=","<= X","=> ((o))","=>  [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_missed_in","oa-phone_call_end_out","oa-phone_missed_out","oa-phone_ring_out fa-blink","oa-phone_ring_in fa-blink","oa-phone_answersing"]'
data-colors='["green","firebrick","green","firebrick","firebrick","green","#aa6900"]'
class="">
</div>
</td>
            <td>
                <div data-type="label"
data-device="Anrufliste"
data-get="2-timestamp"
data-part="1"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="2-timestamp"
data-part="2"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="2-timestamp"
data-part="3"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="2-timestamp"
data-part="5"
class="">
</div>
            </td>
            <td>
<div data-type="label"
data-device="Anrufliste"
data-get="2-number"
class="">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="2-name"
class="">
</div>
</td>
            <td>
<div data-type="label"
data-device="Anrufliste"
data-get="2-duration"
class="">
</div>
            </td>
        </tr>
        <tr>
<td>
<div data-type="symbol"
data-device="Anruflistet"
data-get="3-state"
data-states='["=>","=> X","<=","<= X","=> ((o))","=>  [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_missed_in","oa-phone_call_end_out","oa-phone_missed_out","oa-phone_ring_out fa-blink","oa-phone_ring_in fa-blink","oa-phone_answersing"]'
data-colors='["green","firebrick","green","firebrick","firebrick","green","#aa6900"]'
class="">
</div>
</td>
            <td>
                <div data-type="label"
data-device="Anrufliste"
data-get="3-timestamp"
data-part="1"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="3-timestamp"
data-part="2"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="3-timestamp"
data-part="3"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="3-timestamp"
data-part="5"
class="">
</div>
            </td>
            <td>
<div data-type="label"
data-device="Anrufliste"
data-get="3-number"
class="">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="3-name"
class="">
</div>
</td>
            <td>
<div data-type="label"
data-device="Anrufliste"
data-get="3-duration"
class="">
</div>
            </td>
        </tr>
        <tr>
            <td>
<div data-type="symbol"
data-device="Anrufliste"
data-get="4-state"
data-states='["=>","=> X","<=","<= X","=> ((o))","=>  [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_missed_in","oa-phone_call_end_out","oa-phone_missed_out","oa-phone_ring_out fa-blink","oa-phone_ring_in fa-blink","oa-phone_answersing"]'
data-colors='["green","firebrick","green","firebrick","firebrick","green","#aa6900"]'
class="">
</div>
</td>
            <td>
                <div data-type="label"
data-device="Anrufliste"
data-get="4-timestamp"
data-part="1"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="4-timestamp"
data-part="2"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="4-timestamp"
data-part="3"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="4-timestamp"
data-part="5"
class="">
</div>
            </td>
            <td>
<div data-type="label"
data-device="Anrufliste"
data-get="4-number"
class="">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="4-name"
class="">
</div>
</td>
            <td>
<div data-type="label"
data-device="Anrufliste"
data-get="4-duration"
class="">
</div>
            </td>
        </tr>
        <tr>
            <td>
<div data-type="symbol"
data-device="Anrufliste"
data-get="5-state"
data-states='["=>","=> X","<=","<= X","=> ((o))","=>  [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_missed_in","oa-phone_call_end_out","oa-phone_missed_out","oa-phone_ring_out fa-blink","oa-phone_ring_in fa-blink","oa-phone_answersing"]'
data-colors='["green","firebrick","green","firebrick","firebrick","green","#aa6900"]'
class="">
</div>
</td>
            <td>
                <div data-type="label"
data-device="Anrufliste"
data-get="5-timestamp"
data-part="1"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="5-timestamp"
data-part="2"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="5-timestamp"
data-part="3"
class="inline">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="5-timestamp"
data-part="5"
class="">
</div>
            </td>
            <td>
<div data-type="label"
data-device="Anrufliste"
data-get="5-number"
class="">
</div>
<div data-type="label"
data-device="Anrufliste"
data-get="5-name"
class="">
</div>
</td>
            <td>
<div data-type="label"
data-device="Anrufliste"
data-get="5-duration"
class="">
</div>
            </td>
        </tr>
</table>
</li>

<!-- Anzeige Apothekennotdienst -->
<li class="" data-row="6" data-col="2" data-sizex="3" data-sizey="2">
<header class="headerTransparent">APOTHEKENNOTDIENST</header>
<table width="99%" style="height:110px" class="top-space"> <!-- border="1"  -->
        <tr>
            <td>
<div class="inline">Apotheke:</div>
</td>
            <td>
                <div data-type="label"
data-device="NotdienstApotheke"
data-get="Name"
class="inline">
</div>
            </td>
</tr>
        <tr>
            <td>
<div class="inline">Beginn:</div>
</td>
            <td>
                <div data-type="label"
data-device="NotdienstApotheke"
data-get="BeginnJG"
class="inline">
</div>
            </td>
</tr>
        <tr>
            <td>
<div class="inline">Ende:</div>
</td>
            <td>
                <div data-type="label"
data-device="NotdienstApotheke"
data-get="EndeJG"
class="inline">
</div>
            </td>
</tr>
        <tr>
            <td>
<div class="inline">Ort:</div>
</td>
            <td>
                <div data-type="label"
data-device="NotdienstApotheke"
data-get="Ort"
class="inline">
</div>
            </td>
</tr>
        <tr>
            <td>
<div class="inline">Strasse:</div>
</td>
            <td>
                <div data-type="label"
data-device="NotdienstApotheke"
data-get="Strasse"
class="inline">
</div>
            </td>
</tr>
        <tr>
            <td>
<div class="inline">Telefon:</div>
</td>
            <td>
                <div data-type="label"
data-device="NotdienstApotheke"
data-get="Telefon"
class="inline">
</div>
            </td>
</tr>
</table>
</li>
<!-- Ende Anzeige Apothekennotdienst -->

<!-- Anzeige Sonnenauf- und -untergang -->
<li class="" data-row="6" data-col="5" data-sizex="1" data-sizey="2">
<header class="headerTransparent">Sonnen-</header>
<table class="" width="90%">
<tr>
<td>
<div data-type="label" class="cell">aufgang</div>

<div data-type="label" data-device="du_Sonnenaufgang" data-get="state">
</div>
</td>
</tr>
<tr>
<td>
<div data-type="label" class="cell">untergang</div>

<div data-type="label" data-device="du_Sonnenuntergang" data-get="state">
</div>
</td>
</tr>
</table>
</li>
<!-- Ende Anzeige Sonnenauf- und -untergang -->

<!-- Anzeige Anwesenheit -->
<li class="" data-row="2" data-col="6" data-sizex="2" data-sizey="3">
<header class="headerTransparent">JÜRGEN</header>
<div data-type="homestatus"
data-device='rr_Juergen'
data-set="state"
data-get="state"
data-get-on='["home","asleep","absent","gone"]'
data-alias='["Home","Bett","unterwegs","Urlaub"]'
data-icons='["fa-home","fa-bed","fa-car","fa-plane"]'
data-nomcolor="red"
data-width="200"
data-height="225"
class="inline">
</div>
</li>

<li class="" data-row="2" data-col="8" data-sizex="2" data-sizey="3">
<header class="headerTransparent">PETRA</header>
<div data-type="homestatus"
data-device='rr_Petra'
data-set="state"
data-get="state"
data-get-on='["home","asleep","absent","gone"]'
data-alias='["Home","Bett","unterwegs","Urlaub"]'
data-icons='["fa-home","fa-bed","fa-car","fa-plane"]'
data-width="200"
data-height="225"
class="inline">
</div>
</li>
<!-- Ende Anzeige Anwesenheit -->

<!-- Anzeige Heizungsdaten -->
<li class="" data-row="5" data-col="6" data-sizex="4" data-sizey="3">
<header class="headerTransparent">HEIZUNG</header>
<table width="100%" style="height:100px" class=""> <!-- border="1"  -->
        <tr>
<td> <!-- Aussentemperatur -->
                <div data-type="range"
data-device="MQTT2_ebusd_3.4_6062"
data-high="OutsideTemp_temp_value"
data-low=""
data-max="40"
data-min="-20"
data-limit-high="30"
data-limit-low="05"
data-color-high="red"
data-color-low="blue"
data-width="8px"
data-height="100px"
class="top-space">
</div>
<div data-type="label"
data-device="MQTT2_ebusd_3.4_6062"
data-get="OutsideTemp_temp_value"
data-unit=" °C"
class="top-space">
</div>
<div data-type="label" class="inline narrow">Aussen
</div>
            </td>
            <td> <!-- Vorlauftemperatur -->
<div data-type="range"
data-device="MQTT2_ebusd_mc"
data-high="Status_2_value"
data-low=""
data-max="70"
data-min="20"
data-limit-high="55"
data-limit-low="40"
data-color-high="red"
data-color-low="blue"
data-width="8px"
data-height="100px"
class="top-space">
</div>
<div data-type="label"
data-device="MQTT2_ebusd_mc"
data-get="Status_2_value"
data-unit=" °C"
class="top-space">
</div>
<div data-type="label" class="inline narrow">Vorlauft.
</div>
</td>

<td> <!-- Rücklauftemperatur Ist -->
<div data-type="range"
data-device="MQTT2_ebusd_mc"
data-high="HzTemp_temp_value"
data-low=""
data-max="80"
data-min="20"
data-limit-high="60"
data-limit-low="40"
data-color-high="red"
data-color-low="blue"
data-width="8px"
data-height="100px"
class="top-space">
</div>
<div data-type="label"
data-device="MQTT2_ebusd_mc"
data-get="HzTemp_temp_value"
data-unit=" °C"
class="top-space">
</div>
<div data-type="label" class="inline narrow">R-Isttemp.
</div>
</td>

            <td> <!-- Rücklauftemp. Soll -->
                <div data-type="range"
data-device="MQTT2_ebusd_mc"
data-high="HTSoll_temp_value"
data-low=""
data-max="70"
data-min="20"
data-limit-high="60"
data-limit-low="40"
data-color-high="red"
data-color-low="blue"
data-width="8px"
data-height="100px"
class="top-space">
</div>
<div data-type="label"
data-device="MQTT2_ebusd_mc"
data-get="HTSoll_temp_value"
data-unit=" °C"
class="top-space">
</div>
<div data-type="label" class="inline narrow">R-Sollt.
</div>
            </td>

<td> <!-- WW-Speicher oben -->
                <div data-type="range"
data-device="MQTT2_ebusd_zeo"
data-high="S1Temp_temp_value"
data-low=""
data-max="80"
data-min="20"
data-limit-high="50"
data-limit-low="30"
data-color-high="red"
data-color-low="blue"
data-width="8px"
data-height="100px"
class="top-space">
</div>
<div data-type="label"
data-device="MQTT2_ebusd_zeo"
data-get="S1Temp_temp_value"
data-unit=" °C"
class="top-space">
</div>
<div data-type="label" class="inline narrow">WW Oben
</div>
            </td>

<td> <!-- WW-Speicher unten -->
                <div data-type="range"
data-device="MQTT2_ebusd_zeo"
data-high="S2Temp_temp_value"
data-low=""
data-max="80"
data-min="20"
data-limit-high="50"
data-limit-low="30"
data-color-high="red"
data-color-low="blue"
data-width="8px"
data-height="100px"
class="top-space">
</div>
<div data-type="label"
data-device="MQTT2_ebusd_zeo"
data-get="S2Temp_temp_value"
data-unit=" °C"
class="top-space">
</div>
<div data-type="label" class="inline narrow">WW Unten
</div>
            </td>
</tr>
</table>

<table width="80%" style="height:80px" class=""> <!-- border="1" -->
<tr>
<td>
<div data-type="label" class="left-space top-space inline">Betrieb
</div>
<div data-type="label"
data-device="MQTT2_ebusd_3.4_6062"
data-get="Betriebszustand"
class="top-space inline">
</div>
</td>
<td>
<div data-type="label" class="left-space top-space inline">Ventil
</div>
<div data-type="label"
data-device="MQTT2_ebusd_bai"
data-get="3WegeVentil"
class="top-space inline">
</div>
</td>
</tr>
<tr>
<td>
<div data-type="label" class="left-space inline">Quelle
</div>
<div data-type="label"
data-device="MQTT2_ebusd_zeo"
data-get="Quelle"
class="inline">
</div>
</td>
<td>
<div data-type="label" class="left-space inline">Kollektorpumpe
</div>
<div data-type="label"
data-device="MQTT2_ebusd_sc"
data-get="KollektorPumpe"
class="inline">
</div>
</td>
</tr>
<tr>
<td>
<div data-type="label" class="left-space inline">Kennlinie
</div>
<div data-type="label"
data-device="MQTT2_ebusd_zeo"
data-get="HeatingCurve_curve_value"
class="inline">
</div>
</td>
<td>
<div data-type="label" class="left-space inline">Kollektor Dach
</div>
<div data-type="label"
data-device="MQTT2_ebusd_zeo"
data-get="collTemp_temp_value"
data-unit=" °C"
class="inline">
</div>
</td>
</tr>
</table>

</li>
<!-- Ende Anzeige Heizungsdaten -->

<!-- Müllkalender anzeigen -->
<li class="" data-row="2" data-col="10" data-sizex="1" data-sizey="4">
<header class="headerTransparent">MÜLL</header>
<div class="">
<div data-type="symbol"
data-device="du_abfall_Restabfall"
data-get="state"
data-states='["off","[0-1]","([2-9]|[1-2][0-9]|[3][0-1])"]'
data-icons='["fa-trash-o","fa-trash-o blink","fa-trash-o"]'
data-background-icons='["fa-circle-thin","fa-circle-thin","fa-circle-thin"]'
data-colors='["#7A7A7A","firebrick","firebrick"]'
data-background-colors='["#7A7A7A","#7A7A7A","#7A7A7A"]'
class="large">
</div>
<div data-type="label"
data-device="du_abfall_Restabfall"
class="small"></div>

<div data-type="symbol"
data-device="du_abfall_Papier"
data-get="state"
data-states='["off","[0-1]","([2-9]|[1-2][0-9]|[3][0-1])"]'
data-icons='["fa-trash-o","fa-trash-o blink","fa-trash-o"]'
data-background-icons='["fa-circle-thin","fa-circle-thin","fa-circle-thin"]'
data-colors='["#7A7A7A","blue","blue"]'
data-background-colors='["#7A7A7A","#7A7A7A","#7A7A7A"]'
class="large">
</div>

<!--<div data-type="symbol"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A"
data-on-background-color="#7A7A7A"
data-device="du_abfall_Papier"
data-get="STATE"
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-off-color="#606060"
data-icons='["fa-trash-o","fa-trash-o blink","fa-trash-o"]'
data-on-colors='["#7A7A7A","#161deb","#161deb"]'
class="large">
</div>-->

<div data-type="label"
data-device="du_abfall_Papier"
class="small"></div>

<div data-type="symbol"
data-device="du_abfall_GelberSack"
data-get="state"
data-states='["off","[0-1]","([2-9]|[1-2][0-9]|[3][0-1])"]'
data-icons='["fa-trash-o","fa-trash-o blink","fa-trash-o"]'
data-background-icons='["fa-circle-thin","fa-circle-thin","fa-circle-thin"]'
data-colors='["#7A7A7A","yellow","yellow"]'
data-background-colors='["#7A7A7A","#7A7A7A","#7A7A7A"]'
class="large">
</div>
<!-- <div data-type="symbol"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A"
data-on-background-color="#7A7A7A"
data-device="du_abfall_GelberSack"
data-get="STATE"
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-off-color="#606060"
data-icons='["fa-trash-o","fa-trash-o blink","fa-trash-o"]'
data-on-colors='["#7A7A7A","#F4F802","#F4F802"]'
class="large">
</div>-->

<div data-type="label"
data-device="du_abfall_GelberSack"
class="small">
</div>
<!-- "fa-trash-o","fa-trash-o blink","fa-trash-o" zum Blinken des Symbols wenn Leerung-->
<div data-type="symbol"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A"
data-on-background-color="#7A7A7A"
data-device="du_abfall_Gartenabfall"
data-get="STATE"
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-off-color="#606060"
data-icons='["fa-trash-o","fa-trash-o","fa-trash-o"]'
data-on-colors='["#7A7A7A","SeaGreen","SeaGreen"]'
class="large">
</div>
<div data-type="label"
data-device="du_abfall_Gartenabfall"
class="small">
</div>
</div>
</li>
<!-- Ende Müllkalender anzeigen -->

<!-- Menue fuer Garagentor. Bedienbuttons oeffenen sich -->
<li class="" data-row="6" data-col="10" data-sizex="1" data-sizey="1">
<header class="headerTransparent">GARAGE</header>
<div class="inline">
<div class="large" data-type="circlemenu" data-direction="bottom-half">
<ul>
<li><div data-type="symbol"
data-device="du_Garagentor_Stellung"
data-get="state"
data-states='["Geschlossen","Offen","Lueften","Fehler"]'
data-icons='["oa-fts_garage_door_100","oa-fts_garage_door_10","oa-fts_garage_door_80","oa-fts_garage"]'
data-colors='["green","green","yellow","red"]'></div></li>
<!-- Button Tor AUF -->
        <li><div data-type="push"
data-device="Gara_Re8_Sw01_TorAuf"
data-set-on="on-for-timer 1"
data-icon="fa-angle-up"
data-off-color="#828282"
data-off-background-color="#828282"></div></li>
<!-- Button Tor LUEFTEN -->
        <li><div data-type="push"
data-device="Gara_Re8_Sw02_TorLueften"
data-set-on="on-for-timer 1"
data-icon="oa-vent_ventilation"
data-off-color="#828282"
data-off-background-color="#828282"></div></li>
<!-- Button Tor ZU -->
        <li><div data-type="push"
data-device="Gara_Re8_Sw03_TorZu"
data-set-on="on-for-timer 1"
data-icon="fa-angle-down"
data-off-color="#828282"
data-off-background-color="#828282"></div></li>
</ul>
</div>
</div>
</li>
<!-- Ende Menue fuer Garagentor. Bedienbuttons oeffenen sich -->

<!-- Menue fuer Bedienung Zisternenpumpe. Bedienbuttons oeffenen sich
Wird am Tablet nicht dargestellt. Warum nicht schlüssig
<li class="" data-row="7" data-col="10" data-sizex="1" data-sizey="1">
<header class="headerTransparent">ZISTERNE</header>
<div class="inline">
      <div data-type="switch"
    data-device="Gartenpumpe"
data-get="state"
    data-set-on="on"
    data-set-off="off"
    data-states='["on","off"]'
    data-icons='["oa-sani_irrigation", "fa-power-off"]'
    data-colors='["orange", "green"]'
data-background-icon="fa-circle-thin"
data-background-color="#7A7A7A"
    class="large">
   </div>
  </div>
</li> -->
<!-- Ende Menue fuer Bedienung Zisternenpumpe. Bedienbuttons oeffenen sich -->

<!-- Anzeige der Raumtemperaturen -->
<li class="" data-row="2" data-col="11" data-sizex="1" data-sizey="6">
    <header class="headerTransparent">TEMPERATUR</header>
<div class="inline">
    <div data-type="label"
data-device="HmIP_BWTH_000C9A49A7E499_9"
data-get="1.ACTUAL_TEMPERATURE"
data-fix="1"
data-unit=" °C"
data-limits='[20.0,22.0,24.0]'
data-colors='["cornflowerblue","green","firebrick"]'
class="cell big ">
</div>
    <div data-type="label" class="narrow">Küche
</div>
</div>

<div class="inline top-space">
<div data-type="label"
data-device="HmIP_BWTH_000C9A4999F2BC_9"
data-get="1.ACTUAL_TEMPERATURE"
data-fix="1"
data-unit=" °C"
data-limits='[20.0,22.0,24.0]'
data-colors='["cornflowerblue","green","firebrick"]'
class="cell big">
</div>
<div data-type="label" class="narrow">WZ
</div>
</div>

<div class="inline top-space">
<div data-type="label"
data-device="LaCrosse_Bad_EG"
data-get="temperature"
data-fix="1"       
data-unit=" °C"
data-limits='[20.0,23.0,24.0]'
data-colors='["cornflowerblue","green","firebrick"]'
class="cell big">
</div>
<div data-type="label" class="narrow">EG BAD</div>
</div>

  <div class="inline top-space">
<div data-type="label"
data-device="HmIP_BWTH_000C9BE99C66F8_9"
data-get="1.ACTUAL_TEMPERATURE"
data-fix="1"       
data-unit=" °C"
data-limits='[20.0,22.0,24.0]'
data-colors='["cornflowerblue","green","firebrick"]'
class="cell big ">
</div>
<div data-type="label" class="narrow">OG BAD</div>
</div>

<div class="inline top-space">
<div data-type="label"
data-device="HmIP_BWTH_000C9BE98E7AB8_9"
data-get="1.ACTUAL_TEMPERATURE"
data-fix="1"
data-unit=" °C"
data-limits='[20.0,22.0,24.0]'
data-colors='["cornflowerblue","green","firebrick"]'
class="cell big ">
</div>
<div data-type="label" class="narrow">Bibliothek</div>
</div>

<div class="inline top-space">
<div data-type="label"
data-device="HmIP_BWTH_000C9A499EE32F_9"
data-get="1.ACTUAL_TEMPERATURE"
data-fix="1"
data-unit=" °C"
data-limits='[20.0,22.0,24.0]'
data-colors='["cornflowerblue","green","firebrick"]'
class="cell big ">
</div>
<div data-type="label" class="narrow">Arbeitszimmer</div>
</div>

  <div class="inline top-space">
<div data-type="label"
data-device="Gara_UniSen_12"
data-get="temperature"
data-fix="1"       
data-unit=" °C"
data-limits='[-73,0,8,18,28]'
data-colors='["#0101DF","#2E64FE","cornflowerblue","green","firebrick"]'
class="cell big">
</div>
<div data-type="label" class="narrow">Garage</div>
</div>

</li>
<!-- Ende Anzeige der Raumtemperaturen -->

<!-- =============Nachtfrost ===============
Wird am Tablet nicht dargestellt. Warum nicht schlüssig
<li data-row="7" data-col="11" data-sizex="1" data-sizey="1">
<header class="headerTransparent">Nachtfrostgefahr</header>
      <div   data-type="symbol"
        data-device="Wetter_Pro"
        data-get="fc1_tempMin"
data-icons='["oa-temp_frost warn","oa-temp_temperature warn","oa-temp_temperature warn"]'
        data-limits='[-1,1,3]'
        data-colors='["blue","#bee2d4","yellow"]'
        class="cell normal"
      </div>   
</li> -->
<!-- ========== Ende Nachtfrost ============ -->

<!-- Anzeige Status Robby
<li class="" data-row="7" data-col="11" data-sizex="1" data-sizey="1">
<header class="headerTransparent">ROBBY</header>
<div class="inline top-space">
      <div data-type="label"
    data-device="Robby"
data-get="state"
    class="large">
   </div>
  </div>
</li> -->
<!-- Ende Anzeige Status Robby

<!-- Menue fuer Bedienung Hofstrahler. Bedienbuttons oeffenen sich -->
<li class="" data-row="3" data-col="12" data-sizex="1" data-sizey="1">
<header class="headerTransparent">HOFSTRAHLER</header>
<div class="inline">
      <div data-type="switch"
    data-device="du_Licht_Gart_Hof"
    data-set-on="on"
    data-set-off="off"
    data-states='["on","off"]'
    data-icons='["fa-lightbulb-o", "fa-power-off"]'
    data-colors='["orange", "green"]'
data-background-icon="fa-circle-thin"
data-background-color="#7A7A7A"
    class="large">
   </div>
  </div>
</li>
<!-- Ende Menue fuer Bedienung Hofstrahler. Bedienbuttons oeffenen sich -->

<!-- Menue fuer Bedienung Lampen Bad OG Spiegel. Bedienbuttons oeffenen sich -->
<li class="" data-row="4" data-col="12" data-sizex="1" data-sizey="1">
<header class="headerTransparent">BAD OG LAMPE</header>
<div class="inline">
      <div data-type="switch"
    data-device="Licht_BadOG_Spiegel"
    data-set-on="on"
    data-set-off="off"
    data-states='["on","off"]'
    data-icons='["fa-lightbulb-o", "fa-power-off"]'
    data-colors='["orange", "green"]'
data-background-icon="fa-circle-thin"
data-background-color="#7A7A7A"
    class="large">
   </div>
  </div>
</li>
<!-- Ende Menue fuer Bedienung Lampen Bad OG Spiegel. Bedienbuttons oeffenen sich -->

<!-- Menue fuer Bedienung Steckdose Tanja Zimmer. Bedienbuttons oeffenen sich -->
<li class="" data-row="5" data-col="12" data-sizex="1" data-sizey="1">
<header class="headerTransparent">TANJA LAMPE</header>
<div class="inline">
      <div data-type="switch"
    data-device="GSP1_Lampe_Tanja"
data-get="state"
    data-set-on="on"
    data-set-off="off"
    data-states='["on","off"]'
    data-icons='["fa-lightbulb-o", "fa-power-off"]'
    data-colors='["orange", "green"]'
data-background-icon="fa-circle-thin"
data-background-color="#7A7A7A"
    class="large">
   </div>
  </div>
</li>
<!-- Ende Menue fuer Bedienung Steckdose Tanja Zimmer. Bedienbuttons oeffenen sich -->

<!-- Menue fuer Bedienung Steckdose Laptop. Bedienbuttons oeffenen sich -->
<li class="" data-row="6" data-col="12" data-sizex="1" data-sizey="1">
<header class="headerTransparent">ANDREAS LAMPE</header>
<div class="inline">
      <div data-type="switch"
    data-device="GSP1_Lampe_Andreas"
data-get="state"
    data-set-on="on"
    data-set-off="off"
    data-states='["on","off"]'
    data-icons='["fa-lightbulb-o", "fa-power-off"]'
    data-colors='["orange", "green"]'
data-background-icon="fa-circle-thin"
data-background-color="#7A7A7A"
    class="large">
   </div>
  </div>
</li>
<!-- Ende Menue fuer Bedienung Steckdose Laptop. Bedienbuttons oeffenen sich -->

<!-- Menue fuer Licht Garage. Bedienbuttons oeffenen sich -->
<li class="" data-row="7" data-col="12" data-sizex="1" data-sizey="1">
<header class="headerTransparent">LICHT GARAGE</header>
<div class="inline">
      <div data-type="switch"
    data-device="MQTT2_shelly_Garage"
data-get="state"
    data-set-on="on"
    data-set-off="off"
    data-states='["on","off"]'
    data-icons='["fa-lightbulb-o", "fa-power-off"]'
    data-colors='["orange", "green"]'
data-background-icon="fa-circle-thin"
data-background-color="#7A7A7A"
    class="large">
   </div>
  </div>
</li>
<!-- Ende Menue fuer Licht Garage. Bedienbuttons oeffenen sich -->


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

Woran kann das liegen bzw. wie finde ich den Fehler?

Grüße Jürgen
Nur Text | Text mit Bildern