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

Opening a modal in a blade with button outside it's trigger slot

Admin panel

by Tin , 2 years ago

24 5995

Add SoftDeletes support, to existing Resource

Admin panel

by Tina Hammar, 2 years ago

4 2946

Fix favicon issues when using Vapor

FAQ Admin panel

by Carlos Rodríguez, 1 year ago

2 2211

Bunjo Steven

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