Hi @all,
Ich habe dieses Thema nochmal aufgegriffen:
https://forum.fhem.de/index.php/topic,115259.msg1215870.html#msg1215870
Hier ging es um das Stylen des dropdown.
Ich habe jetzt die Erweiterung droplist nochmal überarbeitet.
Mit droplist ist das Stylen jetzt möglich und es funktioniert wie das dropdown.
Unter Android und IOS sieht es nicht mehr wie ein Dropdown aus und wird auch so nicht erkannt!
Getestet unter FF,Chrome und Safari.
Settings wie im wie im dropdown.
Bsp.:
<ftui-droplist class="size-2" left="10%" height="120px" style="--droplist-text-color:var(--black);--droplist-background-color:var(--medium-color);"
name="Sonoslist"
[list]="Sonos_Kueche:FavouritesListAlias"
[value]="Sonos_Kueche:FavouriteDropdown"
(value)="encode() | Sonos_Kueche:StartFavourite $value"
delimiter="|">
</ftui-droplist>
Hinzugekommen ist name="". Der kann ein get sein oder Frei vergeben werden. Dieser setzt dann den ausgewählten Eintrag.
Der Platz passt sich an. Je nachdem wie weit es rechts oder unten ist, klappt es weiter nach links oder oben auf. Es ist begrenzt im tile, aber nicht im row oder ähnlichen. Jetzt nicht mehr mit Attribute overflow.
Wenn es zu lang von der Höhe ist und es nicht mehr ins tile passt, sollte man ein height mitgeben.
width standard ist max-content
height standard ist 80px
left ist nicht vorgegeben.
name standard ist Droplist
styles:
--droplist-text-color
--droplist-background-color
--droplist-line-color
Schließen kann man es durch seitlichen click im view oder direkt durch Auswahl.
Edit: timeout hinzugefügt für das automatische Schließen. Standard 60sec. Mit timeout="0" wird es deaktiviert.
Zu finden ist es hier:
https://github.com/mr-petz/ftui/tree/droplist/www/ftui/components/droplist
Für Verbesserungen bzw. Erweiterungen bin ich offen...
Viel Spaß :)
LG mr_petz
Edit: border und overflow als Attribute hinzugefügt.