Count how many characters left to type in the field by studiowizjo - Tricks

Want to see how many characters left to type in field?

Apply filter by clicking on value in column

Here are some copy & paste examples:

Simple, based on field max length:

Textarea::make('content')
    ->hint(fn ($state, $component) => 'left: ' . $component->getMaxLength() - strlen($state) . ' characters')
    ->maxlength(10)
    ->lazy() //or: reactive() for instant update, but less efficient

With ranges, as on screen above:

Textarea::make('sms_content')
    ->hint(function ($state) {
        $singleSmsCharactersCount = 160;
        $charactersCount = strlen($state);
        $smsCount = 0;
 
        if ($charactersCount > 0) {
            $smsCount = ceil(strlen($state) / $singleSmsCharactersCount);
        }
 
        $leftCharacters = $singleSmsCharactersCount - ($charactersCount % $singleSmsCharactersCount);
 
        return $smsCount . ' sms (left: ' . $leftCharacters . ' characters)';
    })
    ->lazy()

Other tricks

Aggregate data in table footer (sum, avg...etc)

Admin panel Table builder

by moaaz faracheh, 1 year ago

27 3650

Custom Laravel error pages

Admin panel

by Jeff Greco, 10 months ago

8 2489

Filter by multiple Spatie Tags

Table builder Admin panel

by Mads Møller, 1 year ago

7 1632

Bunjo Steven

1 month ago

I personally suggest change ->lazy() to ->live() to have the changes appear in real-time

Textarea::make('content') ->hint(fn ($state, $component) => 'left: ' . $component->getMaxLength() - strlen($state) . ' characters') ->maxlength(10) ->live()

Sign in to comment →