Hallo kann mir jemaand ein Tablet ui erstellen nur mit Schaltern auf einer Seite !!
Ca 10-20 schalter Switch
Braüchte nur eine Seite mit mehreren Schaltern wo ich wichtige dingen schalten kann.Nur das grundgerüst alles ander denke ich werde ich hinbekommen.
Danke
Cu
Zitat von: Karlchen am 29 November 2020, 20:08:31Braüchte nur eine Seite mit mehreren Schaltern wo ich wichtige dingen schalten kann.Nur das grundgerüst alles ander denke ich werde ich hinbekommen.
Na dann sollte der Wiki-Artikel zum Widget Switch mit Beispielen (https://wiki.fhem.de/wiki/FTUI_Widget_Switch#An.2FAus) nicht allzu schwer für dich sein.
Grundgerüst der HTML-Seite sowie generelle Funktionsbeschreibung von FTUI ist ebenso im Wiki beschrieben (https://wiki.fhem.de/wiki/FHEM_Tablet_UI) - und im github repo (https://github.com/knowthelist/fhem-tablet-ui).
Wenn ich mich recht entsinne, bringt die FTUI (Grund-)Installation auch gleich schon eine index.html mit, mit der man anfangen könnte (zB auf github (https://github.com/knowthelist/fhem-tablet-ui/blob/master/www/tablet/index_empty.html)).
Ansonsten gibt es im Forum hier sicher auch tausende Beispiele.
HIer mal auf die schnelle ein einfaches Beispiel mit einem Schalter:
<!DOCTYPE html>
<html>
<head>
<!--
/* FHEM tablet ui */
/*
* main page
*
load this page via widget pagebutton
-->
</head>
<body>
<div class="page" id="1_kammer">
<div class="gridster">
<ul>
<!--############################################################################-->
<li data-row="1" data-col="1" data-sizex="3" data-sizey="3">
<header class="">HM Funkschalter</header>
<table class="">
<tr>
<td>
<div class="">
<div class=""></div>
<div data-type="label" data-device="HM_LC_Sw1PBU_FM_OEQ0625708" data-get="alias" data-color="white" class="top-space left-space big">
</div>
</div>
</td>
<td>
<div class="">
<div class=""></div>
<div data-type="switch" data-device="HM_LC_Sw1PBU_FM_OEQ0625708" data-get="state" data-states='["on","off"]' data-set-off="off" data-set-on="on"
data-colors='["red","green"]' data-icons='["fa-toggle-on","fa-toggle-off"]' data-background-colors=["black","black"]
class="top-space left-space big">
</div>
</div>
</td>
<td>
<div class="">
<div class=""></div>
<div data-type="label" data-device="HM_LC_Sw1PBU_FM_OEQ0625708" data-get="state" data-substitution='["on","AN","off","AUS"]' data-color="white" class="top-space left-space big">
</div>
</div>
</td>
</tr>
</table>
</li>
</ul>
</div>
</div>
</body>
</html>
Viele Grüße
Jürgen
Ok dankeschön