Hallo,
bei mir sind die Icons verschwunden, vom Homestatus . ( siehe Bild)
Kann mir einer ein Tipp geben wie ich die wieder einbinde bzw. den Fehler finde ?
<li data-row="1" data-col="5" data-sizex="3" data-sizey="3">
<header>Homestatus</header>
<div data-type="homestatus" data-device='HomeStatus'
data-get-on='["scene home","scene Night","3","4"]'
data-alias='["Home","Night","Away","Holiday"]'
data-icons='["fa-home","fa-bed","fa-car","fa-suitcase"]'>
</div>
Gruß
Hast du ein Update auf 2.5 gemacht?
Wie kann ich den sehen welche Version es ist ?
Ich habe mich an diese Wiki gehalten und auch das Update so gemacht.
https://wiki.fhem.de/wiki/FHEM_Tablet_UI#Beispiel_volume
update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt
update all https://raw.githubusercontent.com/nesges/Widgets-for-fhem-tablet-ui/master/controls_widgets-for-fhem-tablet-ui.txt
So langsam komme ich der Sache näher.Nehme ich eine andere index.html funktioniert es.
Also muss es an meiner index.html liegen. Ich habe da vermutlich, durch unwissenheit, irgendwo was vergessen.
Werde den Fehler heute suche wenn ich Zeit habe.
Wer mag kann ja mal mitschauen.
Hier sehe ich die Icons von Homestatus:
<!DOCTYPE html>
<html>
<head>
<!--
/* FHEM tablet ui */
/*
* UI builder framework for FHEM
*
* Version: 2.2.*
* URL: https://github.com/knowthelist/fhem-tablet-ui
*
* Copyright (c) 2015-2016 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 TABLETUI HTTPSRV ftui ./www/tablet Tablet' 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="74">
<meta name="widget_base_height" content="71">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="gridster_disable" content="1">
<meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="debug" content="2"> <!-- verbose level 1-6 = output to console;0 = not output -->
<link rel="stylesheet" href="lib/jquery.gridster.min.css" />
<link rel="stylesheet" href="css/fhem-tablet-ui.css" />
<link rel="stylesheet" href="lib/font-awesome.min.css" />
<link rel="stylesheet" href="lib/jquery.toast.min.css" />
<!-- define your personal style here, it wont be overwritten -->
<!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
<!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->
<script src="../pgm2/jquery.min.js"></script>
<script src="lib/jquery.toast.min.js"></script>
<script src="lib/jquery.gridster.min.js"></script>
<script src="js/fhem-tablet-ui.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="../pgm2/cordova-2.3.0.js" defer></script>
<script src="../pgm2/webviewcontrol.js" defer></script>
<!-- End for WebViewControl -->
<title>FHEM-Tablet-UI</title>
</head>
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
<header>TREND</header>
<div data-type="symbol" data-device="dummy1" data-icons='["fa-arrow-up","fa-arrow-right","fa-arrow-down"]' data-on-colors='["#32a054","#6666cc","#ad3333"]' data-get-on='["Wert1","Wert2","Wert3"]' class="blink"></div>
<div data-type="label" class="small narrow darker">Status</div>
</li>
<li data-row="2" data-col="1" data-sizex="1" data-sizey="4">
<header>GARTEN</header>
<div data-type="switch" data-device="GartenLicht" class="cell" ></div>
<div data-type="label" class="cell">Licht</div>
<div data-type="symbol" data-device="Eingangstuer" class="cell"></div>
<div data-type="label" class="cell">Tür</div>
<div data-type="label" data-device="OutTemp" data-part="2" data-limits='[-73,10,23]' data-colors='["#6699FF","#AA6900","#FF0000"]' data-unit="%B0C%0A" class="cell bigger thin top-space-2x"></div>
<div data-type="label" class="cell">Temperatur</div>
<div data-type="label" class="cell darker top-space">Heute</div>
<div data-type="weather" data-device="AgroWeather" data-get="fc0_weatherDay" class="cell big"></div>
<div data-type="label" data-device="AgroWeather" data-get="fc0_weatherDay" class="cell narrow"></div>
<div data-type="label" data-device="AgroWeather" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell large"></div>
<div data-type="label" class="cell darker top-space">Morgen</div>
<div data-type="weather" data-device="AgroWeather" data-get="fc1_weatherDay" class="cell big"></div>
<div data-type="label" data-device="AgroWeather" data-get="fc1_weatherDay" class="cell narrow"></div>
<div data-type="label" data-device="AgroWeather" data-get="fc1_tempMax" data-unit="%B0C%0A" class="cell large"></div>
</li>
<li data-row="1" data-col="2" data-sizex="2" data-sizey="1">
<header>BAD</header>
<div data-type="thermostat" data-device="BadHeizung_Clima" data-valve="ValvePosition" class="cell left"></div>
<div class="cell right">
<div data-type="symbol" data-device="BadFenster" class="narrow"></div>
<div data-type="label" class="narrow darker small">Fenster</div>
</div>
</li>
<li data-row="1" data-col="3" data-sizex="2" data-sizey="1">
<header>SCHLAFZIMMER</header>
<div data-type="thermostat" data-device="SchlafzimmerHeizung_Clima" data-valve="ValvePosition" class="cell left"></div>
<div class="cell right">
<div data-type="symbol" data-device="SchlafzimmerFenster" class="narrow"></div>
<div data-type="label" class="narrow darker small">Fenster</div>
</div>
</li>
<li data-row="1" data-col="4" data-sizex="2" data-sizey="1">
<header>KINDERZIMMER</header>
<div data-type="thermostat" data-device="KinderzimmerHeizung_Clima" data-valve="ValvePosition" class="cell left"></div>
<div class="cell right">
<div data-type="symbol" data-device="KinderzimmerFenster" class="narrow"></div>
<div data-type="label" class="narrow darker small">Fenster</div>
</div>
</li>
<li data-row="1" data-col="8" data-sizex="1" data-sizey="1">
<header>GALERIE</header>
<div data-type="switch" data-device="GalerieLicht" class="cell"></div>
<div data-type="label" class="cell">Licht</div>
</li>
<li data-row="2" data-col="2" data-sizex="2" data-sizey="2">
<header>KUECHE</header>
<div class="container">
<div class="left">
<div data-type="thermostat" data-device="KuecheHeizung_Clima" data-valve="ValvePosition" class="cell"></div>
<div data-type="thermostat" data-device="KuecheHeizung2_Clima" data-valve="ValvePosition" class="cell"></div>
</div>
<div class="right">
<div data-type="switch" data-device="HerdLicht_Sw" class="cell"></div>
<div data-type="label" class="cell">HerdLicht</div>
<div data-type="symbol" data-device="KuechenFenster" class="cell"></div>
</div>
</div>
</li>
<li data-row="4" data-col="2" data-sizex="2" data-sizey="2">
<header>HOMESTATUS</header>
<div data-type="homestatus" data-device='HomeStatus' data-version='' class="" ></div>
</li>
<li data-row="2" data-col="4" data-sizex="4" data-sizey="2">
<header>WOHNZIMMER</header>
<div class="left">
<div data-type="thermostat" data-device="WohnzimmerHeizung_Clima" data-valve="ValvePosition" data-get="desired-temp" data-temp="measured-temp" class="cell left-space"></div>
<div data-type="thermostat" data-device="WohnzimmerHeizung2_Clima" data-valve="ValvePosition" data-get="desired-temp" data-temp="measured-temp" class="top-narrow left-space"></div>
</div>
<div class="right right-space">
<div data-type="switch" data-device="PowerAV_Sw" class="cell"></div>
<div data-type="label" class="">SchrankLicht</div>
<div data-type="dimmer" data-device="HUEDevice1" data-get-on="!off" data-get-off="off" data-set="pct" class="top-space-2x" ></div>
<div data-type="label" class="cell">Philips</div>
</div>
<div class="right top-space right-space-2x">
<div class="inline">
<div data-type="label" data-device="THSensorWZ" data-get="temperature" data-limits='[-73,19,23]' data-colors='["#6699FF","#aa6900","#bb6242"]' data-unit="%B0C%0A" class="bigger thin"></div>
<div data-type="label" class="cell">Temperatur</div>
</div>
<div class="inline">
<div data-type="label" data-device="THSensorWZ" data-fix="0" data-part="4" data-limits='[0,40,60]' data-colors='["#bb6242","#aa6900","#bb6242"]' data-unit="%" class="bigger thin"></div>
<div data-type="label" class="cell">Luftfeuchte</div>
</div>
<div class="cell">
<div data-type="popup" data-width="450px" class="inline">
<div data-type="simplechart"
data-device="THSensorWZ"
data-logdevice="FileLog_THSensorWZ"
data-columnspec="4:temperature"
data-minvalue="15"
data-maxvalue="25"
data-height="60"
data-width="90"
class="noticks">
</div>
<div class="dialog">
<header>TEMPERATURE</header>
<div data-type="simplechart"
data-device="THSensorWZ"
data-logdevice="FileLog_THSensorWZ"
data-columnspec="4:temperature"
data-minvalue="15"
data-maxvalue="25"
data-yticks="2"
data-height="250">
</div>
</div>
</div>
<div data-type="popup" data-width="450px" class="inline">
<div data-type="simplechart"
data-device="THSensorWZ"
data-logdevice="FileLog_THSensorWZ"
data-columnspec="4:humidity"
data-minvalue="0"
data-maxvalue="100"
data-height="60"
data-width="90"
class="noticks">
</div>
<div class="dialog">
<header>HUMIDITY</header>
<div data-type="simplechart"
data-device="THSensorWZ"
data-logdevice="FileLog_THSensorWZ"
data-columnspec="4:humidity"
data-minvalue="0"
data-maxvalue="100"
data-yticks="20"
data-height="250">
</div>
</div>
</div>
</div>
</div>
</li>
<li data-row="4" data-col="4" data-sizex="4" data-sizey="2">
<header>MULTIMEDIA</header>
<div class="container">
<div class="left">
<div data-type="switch" data-device="Fernsehen" data-icon="fa-film" class="cell" ></div>
<div data-type="label" class="cell">TV</div>
</div>
<div class="left">
<div data-type="circlemenu" class="cell circlemenu">
<ul>
<li><div data-type="push" data-icon="fa-wrench"></div></li>
<li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level -6" data-icon="">-6</div></li>
<li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level -2" data-icon="">-2</div></li>
<li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level 0" data-icon="">0</div></li>
<li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level +3" data-icon="">2</div></li>
<li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level +9" data-icon="">9</div></li>
<li><div data-type="push" data-device="AvReceiver" data-set="remoteControl subwoofer-temporary-level +C" data-icon="">12</div></li>
</ul>
</div>
<div data-type="label" class="cell">Woofer</div>
</div>
<div class="left">
<div data-type="push" data-device="WebRadio" data-icon="fa-step-backward" data-set="Prev" class="cell" ></div>
<div data-type="push" data-device="WebRadio" data-icon="fa-step-forward" data-set="Next" class="cell" ></div>
<div data-type="label" data-device="WebRadio" class="cell">radio</div>
</div>
<div class="right">
<div data-type="volume" data-device='RadioVolumeOnTablet' class="cell left" ></div>
<div data-type="label" class="cell">Volume</div>
</div>
<div class="left top-space-2x">
<div data-type="label" class="inline w2x">Badradio</div>
<div data-type="switch" data-device="BadRadio" data-icon="fa-music"></div>
<div data-type="select" data-device="AvReceiverZ2" data-items='["Airplay","Webradio","BD/DVD","PHONO"]' data-get="input" data-set="input" class="cell w2x" ></div>
<div></div>
<div data-type="label" class="inline w2x">Radio</div>
<div data-type="switch" data-device="RadioAtTablet" data-icon="fa-music"></div>
<div data-type="select" data-device="AvReceiver" data-list="inputs" data-get="input" data-set="input" class="cell w2x" ></div>
</div>
</div>
</li>
<li data-row="2" data-col="8" data-sizex="1" data-sizey="4">
<header>LIGHTS</header>
<div data-type="slider" data-device='Testschalter' data-min="10" data-max="90" class="cell mini" ></div>
<div data-type="label" class="cell">Light1</div>
<div data-type="volume" data-device="HUEDevice1" data-min="0" data-max="65353" data-get="hue" data-set="hue" class="hue-tick mini top-space-3x" ></div>
<div data-type="label" class="cell">Color</div>
<div data-type="dimmer" data-device="HUEDevice1" data-get-on="!off" data-get-off="off" data-set="pct" class="cell" ></div>
<div data-type="label" class="cell">Hell</div>
</li>
</ul>
</div>
</body>
</html>
Hier nicht!
<!DOCTYPE html>
<html>
<head>
<!--
/* FHEM tablet ui */
/*
* UI builder framework for FHEM
*
* Version: 2.2.*
* URL: https://github.com/knowthelist/fhem-tablet-ui
*
* Copyright (c) 2015-2016 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 TABLETUI HTTPSRV ftui ./www/tablet Tablet' 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="74">
<meta name="widget_base_height" content="71">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="gridster_disable" content="1">
<meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="debug" content="2"> <!-- verbose level 1-6 = output to console;0 = not output -->
<link rel="stylesheet" href="lib/jquery.gridster.min.css" />
<link rel="stylesheet" href="css/fhem-tablet-ui.css" />
<link rel="stylesheet" href="lib/font-awesome.min.css" />
<link rel="stylesheet" href="lib/jquery.toast.min.css" />
<!-- define your personal style here, it wont be overwritten -->
<!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
<!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->
<script src="../pgm2/jquery.min.js"></script>
<script src="lib/jquery.toast.min.js"></script>
<script src="lib/jquery.gridster.min.js"></script>
<script src="js/fhem-tablet-ui.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="../pgm2/cordova-2.3.0.js" defer></script>
<script src="../pgm2/webviewcontrol.js" defer></script>
<!-- End for WebViewControl -->
<title>FHEM-Tablet-UI</title>
</head>
<body>
<div class="gridster">
<ul>
<!-- ============ Wohnzimmer ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="1" data-sizex="2" data-sizey="3">
<header>Wohnzimmer</header>
<div data-type="thermostat" data-device="HM_50217B_Clima"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_50217B_Weather"
class="bigger">
</div>
<!-- ============ Flur ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="2" data-sizex="2" data-sizey="3">
<header>Flur</header>
<div data-type="thermostat" data-device="HM_450FF1_Clima"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_450FF1_Weather"
class="bigger">
</div>
<!-- ============ Küche ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="3" data-sizex="2" data-sizey="3">
<header>Küche</header>
<div data-type="thermostat" data-device="HM_455816_Clima"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_455816_Weather"
class="bigger"
</div>
<!-- ============ Schlafzimmer ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="4" data-sizex="2" data-sizey="3">
<header>Schlafzimmer</header>
<div data-type="thermostat" data-device="Heizung_Schlafzimmer"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_52407E_Weather"
class="bigger">
</div>
<li data-row="1" data-col="5" data-sizex="3" data-sizey="3">
<header>Homestatus</header>
<div data-type="homestatus" data-device='HomeStatus'
data-get-on='["scene home","scene Night","3","4"]'
data-alias='["Home","Night","Away","Holiday"]'
data-icons='["fa-home","fa-bed","fa-car","fa-suitcase"]'>
</div>
<li data-row="2" data-col="1" data-sizex="10" data-sizey="3">
<header>Uhr</header>
<div data-type="clock"
class="gigantic">
</li>
</ul>
</div>
</body>
</html>
Auf die Schnelle würde ich sagen, Du schliesst das <li..> nach Homestatus nicht.
Leute ich komme da echt nicht mehr weiter und brauche mal die Hilfe von eine Fachmann hier!
trage ich den Code "Lampe 1" ein sehe ich die Icons beim Homestatus.
(siehe Bild)
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
<Header>Lampe 1</header>
<div class="top-space">
<div data-type="switch"
data-device="Lampe1"
data-get-on="on.*"
data-set-on="on">
</div>
</div>
Hier mal der ganze Code:
<!DOCTYPE html>
<html>
<head>
<!--
/* FHEM tablet ui */
/*
* UI builder framework for FHEM
*
* Version: 2.2.*
* URL: https://github.com/knowthelist/fhem-tablet-ui
*
* Copyright (c) 2015-2016 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 TABLETUI HTTPSRV ftui ./www/tablet Tablet' 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="74">
<meta name="widget_base_height" content="71">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="gridster_disable" content="1">
<meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="debug" content="2"> <!-- verbose level 1-6 = output to console;0 = not output -->
<link rel="stylesheet" href="lib/jquery.gridster.min.css" />
<link rel="stylesheet" href="css/fhem-tablet-ui.css" />
<link rel="stylesheet" href="lib/font-awesome.min.css" />
<link rel="stylesheet" href="lib/jquery.toast.min.css" />
<!-- define your personal style here, it wont be overwritten -->
<!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
<!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->
<script src="../pgm2/jquery.min.js"></script>
<script src="lib/jquery.toast.min.js"></script>
<script src="lib/jquery.gridster.min.js"></script>
<script src="js/fhem-tablet-ui.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="../pgm2/cordova-2.3.0.js" defer></script>
<script src="../pgm2/webviewcontrol.js" defer></script>
<!-- End for WebViewControl -->
<title>FHEM-Tablet-UI</title>
</head>
<body>
<div class="gridster">
<ul>
<!-- ============ Wohnzimmer ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="1" data-sizex="2" data-sizey="3">
<header>Wohnzimmer</header>
<div data-type="thermostat" data-device="HM_50217B_Clima"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_50217B_Weather"
class="bigger">
</div>
</li>
<!-- ============ Flur ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="2" data-sizex="2" data-sizey="3">
<header>Flur</header>
<div data-type="thermostat" data-device="HM_450FF1_Clima"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_450FF1_Weather"
class="bigger">
</div>
</li>
<!-- ============ Küche ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="3" data-sizex="2" data-sizey="3">
<header>Küche</header>
<div data-type="thermostat" data-device="HM_455816_Clima"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_455816_Weather"
class="bigger">
</div>
</li>
<!-- ============ Schlafzimmer ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="4" data-sizex="2" data-sizey="3">
<header>Schlafzimmer</header>
<div data-type="thermostat" data-device="Heizung_Schlafzimmer"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_52407E_Weather"
class="bigger">
</div>
</li>
<li data-row="1" data-col="5" data-sizex="3" data-sizey="3">
<header>Homestatus</header>
<div data-type="homestatus" data-device='HomeStatus'
data-get-on='["scene home","scene Night","3","4"]'
data-alias='["Home","Night","Away","Holiday"]'
data-icons='["fa-home","fa-bed","fa-car","fa-suitcase"]'>
</div>
</li>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
<Header>Lampe 1</header>
<div class="top-space">
<div data-type="switch"
data-device="Lampe1"
data-get-on="on.*"
data-set-on="on">
</div>
</div>
<li data-row="2" data-col="1" data-sizex="10" data-sizey="3">
<header>Uhr</header>
<div data-type="clock"
class="gigantic">
</div>
</li>
</ul>
</div>
</body>
</html>
Lösche ich den Code Lampe 1 sind die Icons wieder weg!
( Siehe Bild)
Kann mir das einer erklären ?
Hier der Code ohne Lampe 1
<!DOCTYPE html>
<html>
<head>
<!--
/* FHEM tablet ui */
/*
* UI builder framework for FHEM
*
* Version: 2.2.*
* URL: https://github.com/knowthelist/fhem-tablet-ui
*
* Copyright (c) 2015-2016 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 TABLETUI HTTPSRV ftui ./www/tablet Tablet' 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="74">
<meta name="widget_base_height" content="71">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="gridster_disable" content="1">
<meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
<meta name="debug" content="2"> <!-- verbose level 1-6 = output to console;0 = not output -->
<link rel="stylesheet" href="lib/jquery.gridster.min.css" />
<link rel="stylesheet" href="css/fhem-tablet-ui.css" />
<link rel="stylesheet" href="lib/font-awesome.min.css" />
<link rel="stylesheet" href="lib/jquery.toast.min.css" />
<!-- define your personal style here, it wont be overwritten -->
<!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
<!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->
<script src="../pgm2/jquery.min.js"></script>
<script src="lib/jquery.toast.min.js"></script>
<script src="lib/jquery.gridster.min.js"></script>
<script src="js/fhem-tablet-ui.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="../pgm2/cordova-2.3.0.js" defer></script>
<script src="../pgm2/webviewcontrol.js" defer></script>
<!-- End for WebViewControl -->
<title>FHEM-Tablet-UI</title>
</head>
<body>
<div class="gridster">
<ul>
<!-- ============ Wohnzimmer ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="1" data-sizex="2" data-sizey="3">
<header>Wohnzimmer</header>
<div data-type="thermostat" data-device="HM_50217B_Clima"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_50217B_Weather"
class="bigger">
</div>
</li>
<!-- ============ Flur ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="2" data-sizex="2" data-sizey="3">
<header>Flur</header>
<div data-type="thermostat" data-device="HM_450FF1_Clima"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_450FF1_Weather"
class="bigger">
</div>
</li>
<!-- ============ Küche ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="3" data-sizex="2" data-sizey="3">
<header>Küche</header>
<div data-type="thermostat" data-device="HM_455816_Clima"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_455816_Weather"
class="bigger">
</div>
</li>
<!-- ============ Schlafzimmer ============= -->
<!-- ====================================== -->
<li data-row="1" data-col="4" data-sizex="2" data-sizey="3">
<header>Schlafzimmer</header>
<div data-type="thermostat" data-device="Heizung_Schlafzimmer"
data-get="desired-temp"
data-temp=""
class="cell">
</div>
<div data-type="label" class="">Temperatur</div>
<div data-type="label"
data-device="HM_52407E_Weather"
class="bigger">
</div>
</li>
<li data-row="1" data-col="5" data-sizex="3" data-sizey="3">
<header>Homestatus</header>
<div data-type="homestatus" data-device='HomeStatus'
data-get-on='["scene home","scene Night","3","4"]'
data-alias='["Home","Night","Away","Holiday"]'
data-icons='["fa-home","fa-bed","fa-car","fa-suitcase"]'>
</div>
</li>
<li data-row="2" data-col="1" data-sizex="10" data-sizey="3">
<header>Uhr</header>
<div data-type="clock"
class="gigantic">
</div>
</li>
</ul>
</div>
</body>
</html>