[FHEM-Tablet-UI] User-Demos

[bjoernbo]

@SamNitro: Woher hast Du das / die Icon der "ZZzzzSmiley" ? wie hast du die Eingebunden?

[Eisix]

Hallo,

auch mit circlemenue.

Gruß
Eisix

[SamNitro]

@SamNitro: Woher hast Du das / die Icon der "ZZzzzSmiley" ? wie hast du die Eingebunden?

Der Smiley ist einfach nur ein Bild (bei google gesucht ) wobei ich mit Bildbearbeitung den Hintergrund weg gemacht habe damit es transparent wird.

Code Auswählen Erweitern

<div data-type="image"
           data-size="70px"
           data-url="./images/sleep.jpg"
           onclick="ftui.setFhemStatus('set sz_lampe on; set rollo_sz pct 25')"
           class="cell narrow" >

sobald ich drauf klicke fahren die Rollos auf "25%" und es geht das licht an.

[tim.michel]

Hallo Leute,

ich bin neu hier und habe mich mal ein wenig am zusammenstellen eines Templates ausprobiert. Jetzt komme ich aber irgendwie nicht weiter und hoffe ihr könnt mir helfen.

Ich bekomme meine Unterseiten einfach nicht angezeigt, owohl ich diese im Ordner habe...

[chris1284]

wie sehen denn die rechte auf die datei aus?

[tim.michel]

Hallo Chris1284,

super vielen Dank für den Tipp!

Hatte ganz vergessen die Rechte hochzusetzen...

Jetzt klappt auch der Zugriff

[jnewton957]

Die Pfeile für einfache Steuerung (meine Frau) Bild 1 und das Circle Menü Bild 2 mit % schritten, Bild 3 ist der weekdaytimer kann sowohl für licht als auch Rolladen verwendet werden.

Hallo,

kannst du für Bild 3 (weekdaytimer) auch mal das coding bitte veröffentlichen.

Danke
Jörg

[Andre0909]

Moin,
sehr interessant. Wir haben im gesamten Haus BJ verbaut als Schalterprogramm.

Wie hast du die UP Radios in FHEM eingebunden? Da ist doch dann kein Platz mehr für einen Funkschalter ?

Hast du zufälligerweise auch die Jalousiecontrol verbaut und diese in Fhem eingebunden bekommen ?

Grüße
Jörg



Gesendet von meinem SM-T800 mit Tapatalk

Moin,

die Radios sind nur über ein HTTP Befehl eingebunden. Ich kann also die Radio-Seite "fernbedienen" indem ich die gleichen Radiosender bei Fhem mit einem HTTP Befehl starten lasse, so lässt sich auch die Lautstärke ändern. Auscchalten geht leider nur über einen kleinen Umweg. Es wird ein Sleeptimer von 60 Sec eingeschaltet. Klappt soweit aber Problemlos wenn auch alles über Umweg.

Bei den Jalousien haben wir normale Somfy Funk-Jalousien auf 433 Mhz-Basis die über einen entsprechenen CUL im Raspberry angesprochen werden.

Gruß

[SamNitro]

Hallo,

kannst du für Bild 3 (weekdaytimer) auch mal das coding bitte veröffentlichen.

Danke
Jörg

Ja kann ich:

Für Rollos:

Code Auswählen Erweitern

<div style=""
data-type="wdtimer"
data-device="<?ftui-key=dev ?>"
data-style="round"
data-theme="dark"
data-title="<?ftui-key=titel ?>"
data-timesteps="30"
data-savecfg="true"
data-cmdlist='{"Auf":"100","Zu":"0","10%":"10","20%":"20","30%":"30","40%":"40","50%":"50","60%":"60","70%":"70","80%":"80","90%":"90"}'>
<div data-type="button" class="cell small readonly" data-icon="oa-edit_settings" data-background-icon="fa-square-o"
data-on-color="#505050" data-on-background-color="#505050">
</div>
</div>


Für Steckdosen:

Code Auswählen Erweitern

data-cmdlist='{"An":"on","Aus":"off"}'>

[paul79]

Hallo,

ich habe mir eine Tablet UI Seite mit Pagebutton gebastelt und einem gewissen 3D Effekt.

Aber seht selbst.

Die Schatteneffekte sind in der user.css (liegt bei) und es sind 42 html Seiten.

3 Widgets habe ich anpassen müssen um den gewünschten Effekt zu erhalten.

widget_calview -> Jahreszahl entfernt
widget_homestatus -> Hintergrundfarbe geändert
widget_pagebutton -> roten Schatten eingefügt

Alles auf eigene Gefahr!

Die Senderlogos sind von https://www.vuplus-support.org/wbb4/index.php?thread/64098-mirror-glass-3d-huminator-design-by-stefanbenno6/

Gruß Paul

PS: Ich habe noch mein UWZ Widget beigefügt!

[jnewton957]

Hallo Paul,

sieht echt klasse aus und ist mal "was anderes",

Mich würden da Details interessieren, wie du die jeweiligen Kästchen/Abschnitt gemacht hat.

Die css wäre toll und die index.html für den Grundaufbau auch.

Danke
Jörg

[waschbaerbauch]

Ganz oben in der .zip

[Octopus180]

Hallo Paul79,

lässt du die Seiten auf eine Tablet anzeigen, und wenn ja welche Größe hat es.
Und sehe ich es richtig das du mit 14 mal 10 Kästchen den Aufbau hast.

Gruß und einen guten Rutsch ins neue Jahr euch allen.

[paul79]

Hallo Paul79,

lässt du die Seiten auf eine Tablet anzeigen, und wenn ja welche Größe hat es.
Und sehe ich es richtig das du mit 14 mal 10 Kästchen den Aufbau hast.

Gruß und einen guten Rutsch ins neue Jahr euch allen.

Gesundes Neues.

ist für 8 Zoll Tablet gedacht wobei es auch gezoomt auf 10.5 Zoll gut aussieht.

Ich habe extra kleinere Kästchen benutzt damit man auch 1/2 Kästchen hat, für den Rand zum Beispiel.

Gruß Paul

[moonsorrox]

Frohes und gesundes Neues...

wie hast du das gemacht mit den Kästchen, in der css Datei..?
Ich finde es dort nämlich nicht..?