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

Fix favicon issues when using Vapor

FAQ Admin panel

by Carlos Rodríguez, 1 year ago

2 2372

Link to related model from table

Table builder

by Dennis Koch, 2 years ago

19 5970

Reorder Table Records

Table builder Admin panel FAQ

by diazsasak, 2 years ago

14 7120

Bunjo Steven

9 months 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 →