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

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

Enas•3mo ago

Well, so how can I disable or customize them?

toeknee•3mo ago

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

Enas•3mo ago

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

toeknee•3mo ago

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

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

Dennis Koch•3mo 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•3mo 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(\'\')',
])

Enas•3mo 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•3mo 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•3mo ago

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

Enas•3mo ago

Thank you all, it works now 😃

Gaming

Programming

Delete hover text