Modal blade component not opening on event dispatch.

Hello, I have the blade modal component as this

<x-filament::modal id="biodata" slide-over sticky-header sticky-footer width='5xl' :close-button="true" :close-by-clicking-away="true" icon="heroicon-o-information-circle">
    <x-slot name="heading">
        Biodata
    </x-slot>
    </x-slot>
    <x-slot name="description">
        Thank you for choosing us.
    </x-slot>
    <livewire:biodata /> 
    <x-slot name="footer">
        Footer
    </x-slot>
</x-filament::modal>

<x-filament::modal id="biodata" slide-over sticky-header sticky-footer width='5xl' :close-button="true" :close-by-clicking-away="true" icon="heroicon-o-information-circle">
    <x-slot name="heading">
        Biodata
    </x-slot>
    </x-slot>
    <x-slot name="description">
        Thank you for choosing us.
    </x-slot>
    <livewire:biodata /> 
    <x-slot name="footer">
        Footer
    </x-slot>
</x-filament::modal>

inside a custom blade file placed inside the views/filament/mypanel. I have a method

dispatchOnNext(string $name, ...$args)

dispatchOnNext(string $name, ...$args)

whose implementation is just dispatching the event name and the params passed

Livewire.dispatch(name, params);

Livewire.dispatch(name, params);

.I'm trying to open the modal above inside this method like this

dispatchOnNext('open-modal',{id:'biodata'})

dispatchOnNext('open-modal',{id:'biodata'})

. However the modal does not show up neither do i get any console errors. Testing with the

<x-slot name="trigger">..

<x-slot name="trigger">..

in the blade component works just fine. Any help?Thank you.

Modal blade component not opening on event dispatch.

Hello, I have the blade modal component as this

<x-filament::modal id="biodata" slide-over sticky-header sticky-footer width='5xl' :close-button="true" :close-by-clicking-away="true" icon="heroicon-o-information-circle">
    <x-slot name="heading">
        Biodata
    </x-slot>
    </x-slot>
    <x-slot name="description">
        Thank you for choosing us.
    </x-slot>
    <livewire:biodata /> 
    <x-slot name="footer">
        Footer
    </x-slot>
</x-filament::modal>

<x-filament::modal id="biodata" slide-over sticky-header sticky-footer width='5xl' :close-button="true" :close-by-clicking-away="true" icon="heroicon-o-information-circle">
    <x-slot name="heading">
        Biodata
    </x-slot>
    </x-slot>
    <x-slot name="description">
        Thank you for choosing us.
    </x-slot>
    <livewire:biodata /> 
    <x-slot name="footer">
        Footer
    </x-slot>
</x-filament::modal>

inside a custom blade file placed inside the views/filament/mypanel. I have a method

dispatchOnNext(string $name, ...$args)

dispatchOnNext(string $name, ...$args)

whose implementation is just dispatching the event name and the params passed

Livewire.dispatch(name, params);

Livewire.dispatch(name, params);

.I'm trying to open the modal above inside this method like this

dispatchOnNext('open-modal',{id:'biodata'})

dispatchOnNext('open-modal',{id:'biodata'})

. However the modal does not show up neither do i get any console errors. Testing with the

<x-slot name="trigger">..

<x-slot name="trigger">..

in the blade component works just fine. Any help?Thank you.

Modal blade component not opening on event dispatch.

Similar Threads

Modal blade component not opening on event dispatch.

Similar Threads

Similar Threads

Similar Threads