Suchergebnisse

==CSS Klassen== …TUI Klasse|big}}{{FTUI Klasse|lineIndicator}}{{FTUI Klasse|barIndicator}}{{FTUI Klasse|roundIndicator}}

==CSS Klassen== …sse|gigantic}}{{FTUI Klasse|transparent}}{{FTUI Klasse|half-transparent}}{{FTUI Klasse|hide}}

==CSS Klassen== …e}}{{FTUI Klasse|big}}{{FTUI Klasse|notransmit}}{{FTUI Klasse|autoclear}}{{FTUI Klasse|autoselect}}

File:ftui-widget-scale.png File:ftui-widget-scale-red.png

==CSS Klassen== {{FTUI Klasse|rotate}}{{FTUI Klasse|fade}}

Für das Volume-Widget gelten alle Attribute des [[FTUI Widget Knob|Knob-Widgets]]. Und zusätzlich die folgenden: ==CSS Klassen==

==CSS Klassen== …Klasse|large}}{{FTUI Klasse|transparent}}{{FTUI Klasse|half-transparent}}{{FTUI Klasse|hide}}

File:Ftui-widget-select-02.png ==CSS Klassen==

==CSS Klassen== {{FTUI Klasse|novalue}}{{FTUI Klasse|percent}}

==CSS Klassen== …asse|mini}}{{FTUI Klasse|small}}{{FTUI Klasse|normal}}{{FTUI Klasse|big}}{{FTUI Klasse|bigger}}

==CSS-Klassen== …asse|mini}}{{FTUI Klasse|big}}{{FTUI Klasse|bigger}}{{FTUI Klasse|large}}{{FTUI Klasse|horizontal}}

==CSS Klassen== {{FTUI Klasse|keepopen}}{{FTUI Klasse|noshade}}

==CSS Klassen== …igger}}{{FTUI Klasse|tall}}{{FTUI Klasse|grande}}{{FTUI Klasse|gigantic}}{{FTUI Klasse|hide}}

Für das Homestatus-Widget gelten alle Attribute des [[FTUI Widget Knob|Knob-Widgets]] plus der folgenden. ==CSS Klassen==

|'''data-icon''' ||Name des Symbols||ftui-window|| |'''data-classes''' ||Array mit Klassen zu data-states Array.||||data-classes='["bg-red blink","bg-yellow","bg-gree

==CSS Klassen== …sse|small}}{{FTUI Klasse|large}}{{FTUI Klasse|big}}{{FTUI Klasse|bigger}}{{FTUI Klasse|readonly}}

==CSS Klassen== {{FTUI Klasse|valueonly}}{{FTUI Klasse|value}}{{FTUI Klasse|circulate}}{{FTUI Klasse|positiononly}}

Das [[FTUI Layout Sheet|Sheet-Layout]] ist ein Tabellen-ähnliches Layout für [[FHEM …erung von Elementen in z.B. einem [[FTUI Layout Gridster|Grister]]- oder [[FTUI Layout Flex|Flex]]-Layout, als für eine eigene Seitenstruktur.

==CSS-Klassen== {{FTUI Klasse|fullsize}}{{FTUI Klasse|noticks}}

== FTUI Widget Video == …für [[FHEM Tablet UI]], mit dem ein lokales oder auch Online Video in die FTUI eingebunden werden kann. Die URL des Videos kann entweder fest vorgegeben…

==CSS Klassen== {{FTUI Klasse|nolabels}}

==CSS Klassen== …get auf einem Apple-Tablet nutzen zu können, muss man die Seite (..../fhem/ftui/) zum Homebildschirm hinzufügen.

…ein ''<div>'' Element und ermöglicht so z.B. eine Navigation ähnlich zum [[FTUI Widget Pagetab|Pagetab-Widget]]||||data-load="#content-1" ==CSS Klassen==

…t Widget]] ist ein Widget für [[FHEM Tablet UI]] welches ähnlich wie das [[FTUI Widget Knob|Knob-Widget]] ist, aber für Heizungsthermostate optimiert wurd ==CSS Klassen==

Datei:FTUI Widget Weather 01.png|[http://www.alessioatzeni.com/meteocons/ meteocons] Datei:FTUI Widget Weather 02.png|[https://kleinklima.de/ kleinklima]

[[Datei:Swiper-FTUI.jpg|800px]] ==CSS Klassen==

==CSS Klassen== {{FTUI Klasse|warn}}{{FTUI Klasse|activate}}{{FTUI Klasse|labelright}}

|'''data-classes'''||Ein Array von CSS-Klassen. Welche Klasse zusätzlich hinzugefügt wird, entscheidet sich durch das '' ==CSS Klassen==

|'''data-classes'''||Ein Array von CSS-Klassen. Welche Klasse verwendet wird, hängt vom zutreffenden Wert im ''data-limit ==CSS Klassen==

…schanger Widget]] ist ein Widget für [[FHEM Tablet UI]], welches seine CSS-Klassen abhängig vom Status eines FHEM-Devices ändern kann. …rstellungsoptionen am Beispiel relativer und absoluter Abfahrtszeiten im [[FTUI Widget Departure]].

==CSS-Klassen== …sse|negated}}{{FTUI Klasse|value}}{{FTUI Klasse|FS20}}{{FTUI Klasse|tap}}{{FTUI Klasse|readonly}}

==CSS Klassen== {{FTUI Klasse|interlock}}

Für das Pagebutton-Widget gelten alle Attribute des [[FTUI Widget Switch]]. Und zusätzlich die folgenden: ==CSS Klassen==

…knopfes. Er dient zum Ausführen beliebiger Schaltbefehle und kann auch für FTUI-interne Steuerungen genutzt werden. Zusätzlich kann der Schalter in Abhän ==CSS-Klassen==

==CSS Klassen== {{FTUI Klasse|FS20}}

==CSS-Klassen== …implementiert, lässt sich aber mittels [[FTUI Widget Classchanger]] und [[FTUI Widget Checkbox]] umsetzen. Hierbei wird die gewünschte Ansicht ein- und d

==CSS Klassen== {{FTUI Klasse|height-narrow}}

|'''data-class'''||CSS-Klasse(n); alle im FTUI verfügbaren class-Werte nutzbar||||data-class="left-align small" ==CSS Klassen==

:<code>define TABLETUI HTTPSRV ftui/ ./www/tablet/ Tablet-UI</code> …/tablet/index.html</nowiki>''' aufgerufen werden und es wird kein Link auf FTUI in der FHEM GUI erstellt. Vorteil ist aber, dass das FHEMWEB-Caching verwen

Das [[FTUI Layout Flex|Flex-Layout]] (bzw. hbox-/vbox-Layout) ist ein responsives Layo Für die Gestaltung können folgende CSS-Klassen verwendet werden:

Datei:FTUI Widget Chart Stacked.png Datei:FTUI Widget Chart-fc-Proplanta.png

Für manche Anwendungsfälle, etwa die Ansicht in FTUI, ist es erforderlich, das mit dem '''DWD_Weblink_Generator''' erzeugte Bild …i_weather.css'' im Unterverzeichnis ''css''. Dorthin werden die ganzen CSS-Klassen geschrieben, die der Webbrowser benötigt, um aus den Daten des DWD_Weblink

=== Beispiele für FTUI-Integrationen === Hier können diverse Beispiele für eine FTUI (FHEM Tablet User Interface) Integration aufgeführt werden. Dabei sollten