Filament•7mo ago

Delete hover text

Hello dears, How can I delete the text when I hover on field form in filament? Your kind support is highly appreciate.

Solution:

As Dennis said, ->rules([‘required’]) instead of ->required()

Jump to solution

11 Replies

Andi•7mo ago

This comes from ->required() as it will add required attribute to your html tag.

EnasOP•7mo ago

Well, so how can I disable or customize them?

toeknee•7mo ago

It's provided by the browser You can set the 'title' on the attribute to change it

EnasOP•7mo ago

@toeknee Thank you, please can you give me an example how to set the title?

toeknee•7mo ago

  ->extraAlpineAttributes(['title' => 'my test'])

  ->extraAlpineAttributes(['title' => 'my test'])

Dennis Koch•7mo ago

I don't think the title affects the browser validation As Andi pointed out, this is comes from ->required() because we use HTML attributes for browser validation. In this case you can apply ->rules(['required']) to only apple the rule without the HTML required attribute.

LeandroFerreira•7mo ago

or this if you want to customize this title

->extraInputAttributes([
    'oninvalid' => 'this.setCustomValidity(\'Custom title\')',
    'oninput' => 'this.setCustomValidity(\'\')',
])

->extraInputAttributes([
    'oninvalid' => 'this.setCustomValidity(\'Custom title\')',
    'oninput' => 'this.setCustomValidity(\'\')',
])

EnasOP•7mo ago

Thanks to all, now I still have 2 validations like image below, So I want only the error message in red without the box. Is this possible in filament?

toeknee•7mo ago

The box is added by your browser.... But if you add novalidate to the form it would resolve it. So actually as a hacky method try within the builder per field:

  ->extraAlpineAttributes([
    'oninvalid' => "this.setCustomValidity(' ')",
    ' oninput' => "this.setCustomValidity('')",
])

  ->extraAlpineAttributes([
    'oninvalid' => "this.setCustomValidity(' ')",
    ' oninput' => "this.setCustomValidity('')",
])

or on the ->form its self:

->extraAlpineAttributes(['novalidate' => ''])

->extraAlpineAttributes(['novalidate' => ''])

Solution

awcodes•7mo ago

As Dennis said, ->rules([‘required’]) instead of ->required()

EnasOP•7mo ago

Thank you all, it works now 😃

Gaming

Programming

Delete hover text

Did you find this page helpful?