FTUI version 3

[darkness]

Verständnisfrage.

Wie wird denn beim Status von RR_ICH asleep der Button

Code Auswählen Erweitern

<ftui-segment-button value="gotosleep">

ausgewählt, wenn ich im segment das map einbaue?

[mr_petz]

Edit:
also es wird gotosleep gesendet, egal ob asleep kommt...

Ja, weil das mapping nur fürs lesen ist.
()=set
[]=get

LG

[cotecmania]

Hallo,

- wie bzw. wo kann ich den Radius der Ecken der Kacheln anpassen

- gibt es für FTUI3 auch eine Versionsnummer die ich ausgeben kann ?

Gruss
Joe

[BigGB]

Hi cotecmania,

Hallo,

- wie bzw. wo kann ich den Radius der Ecken der Kacheln anpassen

- gibt es für FTUI3 auch eine Versionsnummer die ich ausgeben kann ?

Gruss
Joe

. SuFu ergibt zumindestens für Radius Popup: https://forum.fhem.de/index.php/topic,115259.msg1192538.html#msg1192538
. für Versionsnummer dies: https://forum.fhem.de/index.php/topic,129881.msg1256717.html#msg1256717
Grüße Gerald

[mr_petz]

....
. für Versionsnummer dies: https://forum.fhem.de/index.php/topic,129881.msg1256717.html#msg1256717
....

Beser ist jetzt die local-componente die @OdfFhem und ich entwickelt haben:

Code Auswählen Erweitern


<ftui-local key="version" value="FTUI3 v"></ftui-local>
<ftui-label [text]="local:version | t=>t+ftuiApp.version"></ftui-label>

https://github.com/mr-petz/ftui/tree/addons/www/ftui/components/local
https://github.com/mr-petz/ftui/blob/addons/www/ftui/examples/local.html

LG mr_petz

[mr_petz]

...
. SuFu ergibt zumindestens für Radius Popup: https://forum.fhem.de/index.php/topic,115259.msg1192538.html#msg1192538
...

Hinweis.
Für einige Komponenten mit Radius steht dies zur Verfügung:

Code Auswählen Erweitern


--xxx-border-radius

xxx=Komponente
Edit:
oder:

Code Auswählen Erweitern


--border-radius

Bsp.:
https://github.com/knowthelist/ftui/blob/master/www/ftui/components/grid/grid-tile.component.css#L13

LG mr_petz

[cotecmania]

Beser ist jetzt die local-componente die @OdfFhem und ich entwickelt haben:

Code Auswählen Erweitern


<ftui-local key="version" value="FTUI3 v"></ftui-local>
<ftui-label [text]="local:version | t=>t+ftuiApp.version"></ftui-label>

https://github.com/mr-petz/ftui/tree/addons/www/ftui/components/local
https://github.com/mr-petz/ftui/blob/addons/www/ftui/examples/local.html

LG mr_petz

Hi,
Dein Beispiel funktioniert leider nicht bei mir, ebenso die Testdatei local.html ...

Gruss
Joe

[mr_petz]

Dann wirst du die local Komponente nicht richtig oder garnicht installiert haben...

LG

[cotecmania]

Dann wirst du die local Komponente nicht richtig oder garnicht installiert haben...

LG

Hi mr_Petz,

nach Installation läufts, dachte das wird mit FTUI ausgeliefert.

Zum Radius :
Dank deinem Link https://github.com/mr-petz/ftui/tree/addons/www/ftui/components/local habe ich nun die Stelle gefunden.

:host([shape="round"]) {
  --grid-tile-border-radius: 1rem;
}

Wie kann ich das in einer user.css ueberschreiben oder direkt im Code verwenden ?

Danke und Gruss
Joe

[mr_petz]

Hi Joe,
entweder per style:

Code Auswählen Erweitern


style="--grid-tile-border-radius: 1rem;"

oder global in einer user.css Bsp.:

Code Auswählen Erweitern


ftui-grid-tile{
--grid-tile-border-radius: 1rem;
}

oder:

Code Auswählen Erweitern


  ftui-grid-tile[shape="round"]{
   --grid-tile-border-radius: 5rem;
  }


LG

[TimoD]

Hallo zusammen,

irgendwie bekomme ich es nicht hin, die Symbole des

Code Auswählen Erweitern

<ftui-weather size="6" [condition]="Proplanta:fc0_weatherDayIcon" icon-set="kleinklimaFHEM" provider="proplantaICON_LONG"></ftui-weather>

angepasst zu bekommen (Ich finde die nativen Symbole nicht so passend). Ich bekomme immer kein Symbol bei Definition kleinklimaFHEM.

Zusätzlich habe ich es mit folgender Definition versucht:

Code Auswählen Erweitern

<ftui-weather size="6" [condition]="Proplanta:fc0_weatherDay" icon-set="kleinklimaFHEM"

Was muss ich denn tun, um die Symbole von kleinklimaFHEM zu bekommen? Gibt es noch weitere Icon Sets im <ftui-weather>

Danke
Grüße Timo

[mr_petz]

Hi Timo,
Punkt 1:
icons müssen hier liegen:
images/default/weather/
https://github.com/knowthelist/ftui/blob/master/www/ftui/components/weather/weather.map.js#L121

Punkt 2
ab hier siehst du auch die anderen iconsets:
https://github.com/knowthelist/ftui/blob/master/www/ftui/components/weather/weather.map.js#L98

LG mr_petz

[cotecmania]

@mr_petz
Danke für deine Hilfe. Meine User.css wurde gar nicht angezogen. Jetzt habe ich die kleinere Radien.

Warum gibt es kein <ftui-header ...>  analog zum Label ?
Aktuell muss man sich das mühsam durch label zusammenbauen und das vorhandene html-header funktioniert nicht sauber.

Gruss
Joe

[mr_petz]

Kannst du uns einen Anwendungsfall zeigen bzgl. header?
Es gibt auch noch unter:
https://github.com/knowthelist/ftui/blob/master/www/ftui/examples/grid.html#L103
einen grid-header.

LG mr_petz

[tobyDoh]

Hallo zusammen und erst einmal vielen Dank für die schnelle Beantwortung meiner letzten Frage, hatte ich vergessen zu schreiben. Nun versuche ich mich daran:

Das FHEM modul SolarForecast liefert ja über get SolarForecast html die Grafiken des Moduls per HTML aus.
Diese würde ich nun gerne in meiner Oberfläche darstellen. Ich stelle mich aber zu blöd an, die Infos aus der Methode in ein Tile einzubinden.

Hat jemand nen Ansatz, den ich verfolgen könnte?
Vielen Dank für die Unterstützung.