Mehmet K.
Repeater is not working in custom modal form.
I define a custom modal form in my table, I define a form for it and establish the hasmany relationship, but when I open the form, the repeater comes empty.
How can I solve this, what do you suggest?
Tables\Columns\TextColumn::make('relation_order_id')
->label(function () {
return new HtmlString("<span style='color: #0e82fc;'>İlişkili Kayıt No</span>");
})
->sortable()
->getStateUsing(function ($record) {
return new HtmlString("<span style='color: #111192; font-size: 14px; font-weight: bold;'>{$record->relation_order_id}</span>");
})
->searchable()
->action(
Action::make('openForm')
->form([
Repeater::make('qualifications')
->relationship()
->schema([
// ...
])
)]
->label('Detayları Göster')
->modalWidth('7xl') ) ->toggleable(),
->modalWidth('7xl') ) ->toggleable(),
1 replies
Is it Possible to Open a Modal within Another Modal in Laravel Filament?
Hello Filament Community,
I am working on a project using Laravel Filament, and I came across a situation where I need to open a second modal inside an already opened modal. In other words, I want the user to be able to trigger a second modal from within the first modal and have both modals function independently of each other.
What I am trying to achieve:
Open a primary modal form.
Place a button inside the primary modal.
When the button is clicked, it should open another modal (secondary modal) inside the first one.
I am curious if Filament natively supports opening nested modals. If not, what would be the best way to achieve this, or any recommended workarounds?
Solutions I've Tried:
Using Livewire to Trigger Modals: I created both modals as Livewire components and tried to use JavaScript to trigger the second modal via a button click inside the first one. I attempted to use Livewire.on() to open the second modal via JavaScript, but encountered issues with styling and focus management for the nested modals.
Manually Handling the Modals with JavaScript: I tried manually opening the second modal by removing the Tailwind CSS classes (like hidden) to make it visible. However, this approach felt a bit messy and led to some complexity.
My Questions:
Does Filament support opening one modal inside another out of the box?
If not, what would be the recommended way to implement this (for example, do I need to use JavaScript or Livewire customizations)?
Has anyone faced a similar requirement, and how did you handle it?
I would greatly appreciate any suggestions or guidance. Thank you in advance!
3 replies
