[FTUI3] Input Box

[stixif]

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

[setstate]

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

[stixif]

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

[setstate]

ja, width und height war falsch implementiert. SO wirkte das nicht für type="text" oder number

Jetzt geht es

Code Auswählen Erweitern


      <ftui-input [(value)]="dummy3" type="number" width="20em"></ftui-input>


[stixif]

danke für deine Bemühungen...
kann leider noch keine veränderung feststellen...

Code Auswählen Erweitern


<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>


[stixif]

war wohl ein Fehler meinerseits...
dacht ich hätte update ausgeführt

nun läufts! vielen Dank