FTUI version 3

[moonsorrox]

gerade wollte ich mal auf github wegen einiger Einstellungen im Code schauen..!
Da kommt eine Fehlerseite 404 

Ist es bei euch erreichbar, alle verlinkten Seiten wie Icons und Examples kommen nicht.

[blasterx]

@moonsorrox
Dei Seite wurde neu strukturiert .

Gruß BlasterX

[setstate]

gerade wollte ich mal auf github wegen einiger Einstellungen im Code schauen..!
Da kommt eine Fehlerseite 404 

Ist es bei euch erreichbar, alle verlinkten Seiten wie Icons und Examples kommen nicht.

Geht jetzt wieder, ich musste www/ftui Subfolder einbauen, damit das FHEM Update per controlfile nutzbar ist.
Ich hatte vergessen, die Links anzupassen

[moonsorrox]

Geht jetzt wieder, ich musste www/ftui Subfolder einbauen, damit das FHEM Update per controlfile nutzbar ist.
Ich hatte vergessen, die Links anzupassen

Vielen Dank setstate für deine unermüdliche Arbeit, super Job 

[setstate]

Hallo zusammen
Ich habe mich an die Smartphone Ansicht gewagt (/examples/menu.html) und dabei habe ich festegstellt, dass die Checkboxes korrekt ausgerichtet werden, circlemenu und Button zu weit oben sind, respektive zu fest recht kleben (siehe Bild).
Mein Code sieht wie folgt aus:

Danke für eure Hilfe. Viele Grüsse Eppi

Das Mobile-Beispiel mit SideNavigation war meine aktuelle Baustelle, bevor ich das Thema FHEM-Update und FTUI-Docker angefangen hatte.
Da muss ich erst noch weiter optimieren / bauen.

[moonsorrox]

ich habe mir für Batterien etwas gebaut und habe festgestellt das er das Icon in der Größe verändert.
Mal ein Beispiel:
Wenn ich das so erstelle, kann man das Icon kleiner und größer machen

Code Auswählen Erweitern

<ftui-column height="80px">
<ftui-icon class="size-3" path="../images/openautomation"
[name]="Temperatur_Wohnzimmer:battery | map('ok:measure_battery_25, low:measure_battery_25')"
[color]="Temperatur_Wohnzimmer:battery | map('ok:crimson, low:MediumSpringGreen')">
</ftui-icon>

bringe ich die Anzeige mit einem animierten Icon, egal ob nun "hop" oder "blink" rein wird das Icon automatisch kleiner und ich kann es nicht mehr ändern.
Ist das so gewollt. (im Beispiel ist "hop" für ok nur zum testen drin, sollte natürlich bei low rein)
hier das Code Beispiel:

Code Auswählen Erweitern

<ftui-column height="80px">
<ftui-icon class="size-3" path="../images/openautomation"
[name]="Temperatur_Wohnzimmer:battery | map('ok:measure_battery_25, low:measure_battery_25')"
[color]="Temperatur_Wohnzimmer:battery | map('ok:crimson, low:MediumSpringGreen')"
[class-name]="Temperatur_Wohnzimmer:battery | map('ok:hop, low:')">
</ftui-icon>

[grossmaggul]

Mal eine kurze Zwischenfrage, über welche Widgets lassen sich Popups aufrufen? Nur per Image oder Icon?

[moonsorrox]

Mal eine kurze Zwischenfrage, über welche Widgets lassen sich Popups aufrufen? Nur per Image oder Icon?

wenn das Icon in Zusammenhang mit einem Button ist geht es wie im Code.
Weiß nicht ob du es so meinst, wobei das Popup ja wieder am Icon hängt.   

Code Auswählen Erweitern

<ftui-button (value)="VerpassteAnrufe" states='clear' class="size-2" fill="clear"
[fill]="VerpassteAnrufe | map('0:clear, 1:clear')">
<ftui-icon style="font-size:1em; margin-top:0.1em;"
[name]="VerpassteAnrufe | map('0:phone1, 1:phone1')" popup-target="popup-verpasste-anrufe"
[class-name]="VerpassteAnrufe:state | map('1:blink, 0:')"
[color]="VerpassteAnrufe | map('0:royalblue1, 1:crimson')">
</ftui-icon>
<ftui-badge style="font-size:0.8em;"
[color]="VerpassteAnrufe | map('0=gray, 1=crimson')"
[text]="VerpassteAnrufe">
</ftui-badge>
</ftui-button>

[blasterx]

gibt es eine Möglichkeit bei einem Image die Ecken abzurunden? Mit shape="round" geht es nicht.
zb

Code Auswählen Erweitern

<ftui-image src="http://lorempixel.com/400/200/technics" width="100" shape="round"[refresh]="ftuitest:state:time"></ftui-image>

Gruß BlasterX

[moonsorrox]

gibt es eine Möglichkeit bei einem Image die Ecken abzurunden? Mit shape="round" geht es nicht.
zb

Code Auswählen Erweitern

<ftui-image src="http://lorempixel.com/400/200/technics" width="100" shape="round"[refresh]="ftuitest:state:time"></ftui-image>

Gruß BlasterX

Ich denke das musst du in deiner user.css machen anders wird das nichts

[setstate]

gibt es eine Möglichkeit bei einem Image die Ecken abzurunden? Mit shape="round" geht es nicht.
zb

Code Auswählen Erweitern

<ftui-image src="http://lorempixel.com/400/200/technics" width="100" shape="round"[refresh]="ftuitest:state:time"></ftui-image>

Gruß BlasterX

Baue ich ganz schnell ein. Wie bei Button: shape="circle" und shape="round"

[blasterx]

Baue ich ganz schnell ein. Wie bei Button: shape="circle" und shape="round"

Super Danke tolle Arbeit setstate. Hast du auch hierfür eine Lösung

Kann es sein damit beim Circlemenu "circleRadius" nicht geht? Ich habe versucht mit
Code: [Auswählen]

<ftui-circlemenu direction="right-half" circleRadius="8" >

den Abstand zwischen den Buttons zu ändern leider ohne Erfolg.

egal welchen Wert ich für circleRadius angebe es ändert sich nichts.

Gruß BlasterX

[grossmaggul]

Weiß nicht ob du es so meinst

Nee, so meinte ich das nicht, ich meinte eigentlich ob es auch bei anderen Widgets geht, z.B. label oder knob.

[setstate]

Super Danke tolle Arbeit setstate. Hast du auch hierfür eine Lösung
egal welchen Wert ich für circleRadius angebe es ändert sich nichts.

Gruß BlasterX

Ja, als Attribute muss man circle-radius angeben. Ich habe es im Beispiel korrigiert.

[Eisix]

Nee, so meinte ich das nicht, ich meinte eigentlich ob es auch bei anderen Widgets geht, z.B. label oder knob.

Label geht sicher habe ich im Einsatz.

Gruß
Eisix