Filament•9mo 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•9mo ago

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

EnasOP•9mo ago

Well, so how can I disable or customize them?

toeknee•9mo ago

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

EnasOP•9mo ago

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

toeknee•9mo ago

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

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

Dennis Koch•9mo 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•9mo 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•9mo 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•9mo 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•9mo ago

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

EnasOP•9mo ago

Thank you all, it works now 😃

Gaming

Programming

Delete hover text

Did you find this page helpful?