Filament•4w ago

how to expand section when there is some validation error in the child component

I want to implement this feature in my plugin accordion filament components has this feature when there is some errors in inputs inside the collapsed section or inactive tab they will be activated (the short video) how I can implement that in my plugin! or where I can find the source code for this part dont know what to call it or what to search for, checked the section.blade, but nothing clear to me

Solution:

so basically this how I solve it ```html :x-on:form-validation-error.window=" $nextTick(() => {...

Jump to solution

2 Replies

Lara Zeus•4w ago

with the accordion its not expanding

Solution

Lara Zeus•4w ago

so basically this how I solve it

:x-on:form-validation-error.window="
    $nextTick(() => {
        let error = $el.querySelector('[data-validation-error]');

        if (! error) {
            return
        }

        setActiveAccordion($id('accordion'));
    })
"

:x-on:form-validation-error.window="
    $nextTick(() => {
        let error = $el.querySelector('[data-validation-error]');

        if (! error) {
            return
        }

        setActiveAccordion($id('accordion'));
    })
"

Gaming

Programming

how to expand section when there is some validation error in the child component