Filament•14mo ago

Text to case...

Hello devs! I am looking for a function that convert text to uppercase (or title case) in TextInput or TextArea, you know any implementation to do it? I usually do it with javascript but I can't find a way to inject JS into the component.

6 Replies

cheesegrits•14mo ago

Do you want to do it on submit, or "live" in the form when the blur out of the input?

AltffenserOP•14mo ago

Interesting question. I would like it to be live. 😄

cheesegrits•14mo ago

You could try something like ...

TextInput::make('foo')
  ->lazy()
  ->afterStateUpdated(fn (string $state, Form\Set $set) => $set('foo', strtoupper($state)),

TextInput::make('foo')
  ->lazy()
  ->afterStateUpdated(fn (string $state, Form\Set $set) => $set('foo', strtoupper($state)),

AltffenserOP•14mo ago

Working but not as expected. 😦

DrByte•14mo ago

How "not expected"?

AltffenserOP•14mo ago

https://stackoverflow.com/a/45067218 I found this answer, check the behavior with Hugh Messenger's solution.

Stack Overflow

Change Input to Upper Case

JS: <script type="text/css"> $(function() { $('#upper').keyup(function() { this.value = this.value.toUpperCase(); }); }); </script> HTML <div id="search"> ...

Gaming

Programming

Text to case...