FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: stixif am 04 November 2021, 15:11:53

Titel: [FTUI3] Input Box
Beitrag von: stixif am 04 November 2021, 15:11:53
Hi,

großes Lob @setstate
hab ganz frisch angefangen hiermit mein UI zu bauen
geht recht einfach von der Hand durch die vorlagen!

was mir noch fehlen würde wäre ein Input box
wie im alten FTUI (https://wiki.fhem.de/wiki/FTUI_Widget_Input)

wäre so etwas möglich evtl. mit Einschränkung:
zur "Zahlen" oder nur "Text" möglich
Limitierung der Zeichenanzahl

Danke u. grüße
stixif
Titel: Antw:[FTUI3] Input Box
Beitrag von: setstate am 05 November 2021, 17:38:03
Hi stiff,

eine erste Version einer Inputbox für FTUI3 habe ich jetzt mal angelegt.

Hier einige Beispiele: https://knowthelist.github.io/ftui/www/ftui/examples/input.html
Titel: Antw:[FTUI3] Input Box
Beitrag von: stixif am 05 November 2021, 21:23:32
danke @setstate

das war genau was ich gesucht hab!

evtl. dass man noch die Größe der box anpassen kann...
aber sonst meine ich sind doch alle Anforderungen vorhanden
Titel: Antw:[FTUI3] Input Box
Beitrag von: setstate am 06 November 2021, 00:31:39
ja, width und height war falsch implementiert. SO wirkte das nicht für type="text" oder number

Jetzt geht es


      <ftui-input [(value)]="dummy3" type="number" width="20em"></ftui-input>
Titel: Antw:[FTUI3] Input Box
Beitrag von: stixif am 06 November 2021, 11:26:56
danke für deine Bemühungen...
kann leider noch keine veränderung feststellen...

<ftui-grid-tile row="4.3" col="1" height="1" width="9">
      <header>Frequenz</header>
  <ftui-row>
  <ftui-column>
        <ftui-button [(value)]="Nibe:Cut_off_frequency_activated_1" states="0,1" [color]="Nibe:Cut_off_frequency_activated_1 | map('1:primary, 0:dark')">
          Cut Off 1
          <ftui-icon [name]="Nibe:Cut_off_frequency_activated_1 | map('1:check, 0:close')"> </ftui-icon>
        </ftui-button>
<ftui-row height="10%">
<label>Start: </label>
<ftui-input min="25" max="120" type="number" width="3em" pattern=".{2,}" title="Freq min"
  [(value)]="Nibe:Cut_off_frequency_start_1">
</ftui-input>
<label>Stop: </label>
<ftui-input min="25" max="120" type="number" width="10em" pattern=".{2,}" title="Freq max"
  [(value)]="Nibe:Cut_off_frequency_stop_1">
</ftui-input>
</ftui-row>
</ftui-column>
<ftui-column>
<ftui-button [(value)]="Nibe:Cut_off_frequency_activated_2" states="0,1" [color]="Nibe:Cut_off_frequency_activated_2 | map('1:primary, 0:dark')">
          Cut Off 2 
          <ftui-icon [name]="Nibe:Cut_off_frequency_activated_2 | map('1:check, 0:close')"> </ftui-icon>
        </ftui-button>
<ftui-row height="10%">
<label>Start: </label>
<ftui-input min="25" max="120" type="number" width="20em" pattern=".{2,}" title="Freq min"
  [(value)]="Nibe:Cut_off_frequency_start_2">
</ftui-input>
<label>Stop: </label>
<ftui-input min="25" max="120" type="number" width="20em" pattern=".{2,}" title="Freq max"
  [(value)]="Nibe:Cut_off_frequency_stop_2">
</ftui-input>
</ftui-row>
</ftui-column>
</ftui-row>
</ftui-grid-tile>
Titel: Antw:[FTUI3] Input Box
Beitrag von: stixif am 07 November 2021, 10:54:19
war wohl ein Fehler meinerseits...
dacht ich hätte update ausgeführt

nun läufts! vielen Dank