Tablet ui

Karlchen · 29 November 2020, 20:08:31

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

yersinia · 29 November 2020, 20:17:22

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 nicht allzu schwer für dich sein.

Grundgerüst der HTML-Seite sowie generelle Funktionsbeschreibung von FTUI ist ebenso im Wiki beschrieben - und im github repo.
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).

Ansonsten gibt es im Forum hier sicher auch tausende Beispiele.

juemuc · 29 November 2020, 20:26:48

HIer mal auf die schnelle ein einfaches Beispiel mit einem Schalter:

Code Auswählen

<!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

Karlchen · 29 November 2020, 20:39:19

Ok dankeschön

FHEM Forum

Tablet ui

Karlchen

yersinia

juemuc

Karlchen