Hatim Posts - Answer Overflow

Hatim

•Created by Hatim on 2/19/2025 in #❓┊help

Blade view with Tabs, Actions and Table conflicts

I have a blade view that has the following tabs:

<x-filament::tabs class="mb-5">

  @foreach($enabledViews as $enabledView)
      <x-filament::tabs.item
          :icon="$enabledView->getIcon()"
          :icon-position="$enabledView->getIconPosition()"
          alpine-active="activeTab === '{{ $enabledView }}'"
          x-on:click="setActiveTab('{{ $enabledView }}')"
      >
          {{ $enabledView->getLabel() }}
      </x-filament::tabs.item>
  @endforeach

</x-filament::tabs>

<x-filament::tabs class="mb-5">

  @foreach($enabledViews as $enabledView)
      <x-filament::tabs.item
          :icon="$enabledView->getIcon()"
          :icon-position="$enabledView->getIconPosition()"
          alpine-active="activeTab === '{{ $enabledView }}'"
          x-on:click="setActiveTab('{{ $enabledView }}')"
      >
          {{ $enabledView->getLabel() }}
      </x-filament::tabs.item>
  @endforeach

</x-filament::tabs>

one of this tabs contains a Filament table:

<div class="w-full flex flex-row justify-start items-start gap-5 overflow-x-auto pb-5"
     x-show="activeTab === '{{ $condition }}'"
     wire:key="kanban-table-view">

    <div class="w-full">
        {{ $table }}
    </div>

</div>

<div class="w-full flex flex-row justify-start items-start gap-5 overflow-x-auto pb-5"
     x-show="activeTab === '{{ $condition }}'"
     wire:key="kanban-table-view">

    <div class="w-full">
        {{ $table }}
    </div>

</div>

in the other tabs I have Filament actions, that was working fine before I add the {{ $table }} in the third tab, but now they are not firing the action method (if I use ->url(...) or ->dispatch(...) they are working, but not with ->action(...)). There is no errors in console or anything, the loading indicator of the button starts and finish an nothing works, but when I change to the tab containing the table I have my action fired and the action modal is visible. If I remove the {{ $table }} all actions works fine. any idea?

5 replies

FFilament

•Created by Hatim on 1/23/2024 in #❓┊help

Select (native: false) disabled but user can choose options

32 replies

FFilament

•Created by Hatim on 12/19/2023 in #❓┊help

requiresConfirmation not working on actions

I have a Filament page where I have a list of actions (array)

public function logActivityModalActions(): array
{
    $actions = [
        Action::make('delete')
            ->label('Delete')
            ->color('danger')
            ->requiresConfirmation()
            ->action('deleteAction'),
    ];
}

public function logActivityModalActions(): array
{
    $actions = [
        Action::make('delete')
            ->label('Delete')
            ->color('danger')
            ->requiresConfirmation()
            ->action('deleteAction'),
    ];
}

And I am rendering this array like the following:

<x-filament-panels::form.actions
    :actions="$this->actions"
/>

<x-filament-panels::form.actions
    :actions="$this->actions"
/>

All is working well, but the requiresConfirmation() is not working the action is called without showing the confirmation dialog. any idea?

53 replies

FFilament

•Created by Hatim on 12/7/2023 in #❓┊help

Toggle always false

Using array as the form values, I have a Toggle input, but the toggle is always false, when debugging I have the correct value (true) in my array but the toggle is always false (unchecked). any idea?

40 replies

Gaming

Programming