Modal Slideover Not Showing

[andrewyos07]

Hi @awcodes, I'm trying to make my quick create form into modal slideover but it's not showing. Here's my code
AdminPanelProvider:
->plugins([ QuickCreatePlugin::make() ->slideOver() ->modalWidths('xl') ->includes([ AgentsResource::class, ActivitiesResource::class, OpportunitiesResource::class, ]) ->renderUsingHook(PanelsRenderHook::SIDEBAR_NAV_START), ])

AgentsResource:
`class AgentsResource extends Resource
{
protected static ?string $model = Agents::class;

protected $listeners = ['refreshTable' => '$refresh'];

protected function getTitle(): string
{
    return '';
}

public function extraModalWindowAttributes(): array
{
    return [];
}

public static function getGloballySearchableAttributes(): array
{
    return ['brand_name', 'agents_code'];
}

public static function getGlobalSearchResultDetails(Model $record): array
{
    return [
        'brand_name' => $record->brand_name,
        'agents_code' => $record->agents_code,
    ];
}

protected static ?string $navigationIcon = 'heroicon-o-user-group';

protected static ?string $navigationLabel = 'Agent';

protected static ?string $navigationGroup = 'Know Your Customer';

public static function getFormSchema(): array
{
    return [
        Grid::make(1)->schema([
            Grid::make(3)->schema([
                FileUpload::make('brand_logo')
                    ->image()
                    ->directory('contacts')
                    ->imagePreviewHeight('100')
                    ->label('Brand Logo')
                    ->acceptedFileTypes(['image/png', 'image/jpeg', 'image/jpg', 'image/svg'])
                    ->maxSize(1024),
            ])
                ->columns(3),
            Grid::make(3)->schema([
                TextInput::make('brand_name')->label('Agent Name')->required(),
                TextInput::make('agents_code')->label('Agent Code - Platform')
                    ->disabled()
                    ->default(fn () => \App\Models\Agents::generateAgentCode())
                    ->disabled()
                    ->dehydrated()
                    ->required(),
                TextInput::make('agents_code')->label('Agent Code - Product')
                    ->disabled()
                    ->default(fn () => \App\Models\Agents::generateAgentCode())
                    ->disabled()
                    ->dehydrated(false)
                    ->required(),
            ])
                ->columns(3),

            Select::make('platforms_products')
                ->label('Select Platforms / Products')
                ->multiple()
                ->options(function () {
                    $platforms = Platforms::all()
                        ->pluck('platforms_name', 'platforms_id')
                        ->mapWithKeys(fn ($name, $id) => ["platforms:$id" => "Platform: $name"]);

                    $products = Products::all()
                        ->pluck('products_name', 'products_id')
                        ->mapWithKeys(fn ($name, $id) => ["products:$id" => "Product: $name"]);

                    return $platforms->merge($products);
                })
                ->searchable()
                ->preload()
                ->dehydrated()
                ->default(fn (?Agents $record) => $record?->productsPlatformsAggregates
                    ->map(fn ($agg) => $agg->platforms_or_products.':'.$agg->platforms_or_products_id)
                    ->toArray()
                )
                ->columnSpanFull(),

            View::make('components.forms.separator'),
            Grid::make(2)->schema([
                Radio::make('agent_group_mode')
                    ->label('Select Agent Group')
                    ->options([
                        'create_new' => 'Create New',
                        'from_existing' => 'From Existing',
                    ])
                    ->default('create_new')
                    ->dehydrated(false)
                    ->reactive(),

                Select::make('agent_groups_id')
                    ->label('Agent Group')
                    ->options(AgentGroups::pluck('agent_groups_name', 'agent_groups_id'))
                    ->searchable()
                    ->preload()
                    ->reactive()
                    ->required()
                    ->visible(fn (Get $get) => $get('agent_group_mode') === 'from_existing'),

                Select::make('agent_groups_id')
                    ->label('Agent Group')
                    ->options(AgentGroups::pluck('agent_groups_name', 'agent_groups_id'))
                    ->searchable()
                    ->preload()
                    ->reactive()
                    ->required()
                    ->createOptionForm([
                        TextInput::make('agent_groups_name')
                            ->label('Agent Group Name')
                            ->required(),
                    ])
                    ->visible(fn (Get $get) => $get('agent_group_mode') === 'create_new'),
            ])
                ->columns(2),
            View::make('components.forms.separator'),
            Grid::make(2)->schema([
                Radio::make('marketings_mode')
                    ->label('Select Marketings')
                    ->options([
                        'create_new' => 'Create New',
                        'from_existing' => 'From Existing',
                    ])
                    ->default('create_new')
                    ->dehydrated(false)
                    ->reactive(),

                Select::make('marketings_id')
                    ->label('Marketings')
                    ->options(Marketings::pluck('marketings_name', 'marketings_id'))
                    ->searchable()
                    ->preload()
                    ->reactive()
                    ->required()
                    ->visible(fn (Get $get) => $get('marketings_mode') === 'from_existing'),

                Select::make('marketings_id')
                    ->label('Marketings')
                    ->options(Marketings::pluck('marketings_name', 'marketings_id'))
                    ->searchable()
                    ->preload()
                    ->reactive()
                    ->required()
                    ->createOptionForm([
                        TextInput::make('marketings_name')
                            ->label('Marketings Name')
                            ->required(),
                    ])
                    ->visible(fn (Get $get) => $get('marketings_mode') === 'create_new'),
            ])
                ->columns(),
            View::make('components.forms.separator'),
            Select::make('agent_status')
                ->options([
                    'new' => 'New',
                    'running' => 'Running',
                    'close_web' => 'Close Web',
                    'non_active' => 'Non Active',
                ])
                ->nullable()
                ->label('Status'),
            TextInput::make('owner')->nullable(),
            Select::make('product_wl_id')
                ->options(ProductWL::pluck('product_wl_name', 'product_wl_id'))
                ->nullable()
                ->label('Product WL'),
            Select::make('agent_tier_id')
                ->label('Agent Tier')
                ->options(AgentTier::pluck('name', 'agent_tier_id'))
                ->nullable()
                ->required(),
            View::make('components.forms.separator'),
            Grid::make(2)->schema([
                Select::make('country')
                    ->label('Country')
                    ->options(
                        collect(CountryLoader::countries())
                            ->mapWithKeys(function (array $data, $code) {
                                $country = new Country($data); // Convert array to Country object

                                return [$country->getName() => $country->getName()];
                            })
                            ->sortKeys()
                            ->toArray()
                    )
                    ->searchable()
                    ->preload()
                    ->nullable(),
                TextInput::make('city')->nullable(),
            ])
                ->columns(2),
            TextInput::make('address')->nullable(),
            View::make('components.forms.separator'),
            TextInput::make('email')->email()->nullable(),
            DateTimePicker::make('open_date')->nullable(),
            TextInput::make('folder')->nullable(),
            Grid::make(3)->schema([
                TextInput::make('percent_share')->numeric()->nullable(),
                TextInput::make('mkt_share')->label('MKT Share')->numeric()->nullable(),
                TextInput::make('tm_share')->label('TM Share')->numeric()->nullable(),
            ])->columns(3),
            TextInput::make('token')->nullable(),
            Textarea::make('notes')->nullable(),
            Toggle::make('is_kyc')->label('Is KYC?')->default(false),
        ]),
    ];
}

public static function form(Form $form): Form
{
    return $form->schema(self::getFormSchema());
}

public static function table(Table $table): Table
{
    return $table
        ->recordUrl(fn () => null)
        ->searchPlaceholder('Search Agent, Group, Telegram,')
        ->modifyQueryUsing(function (Builder $query) {
            return $query
                ->addSelect([
                    'agents_id',
                    'brand_name',
                    'agents_code',
                    'owner',
                    'agent_tier_id',
                    'marketings_id',
                    'agent_groups_id',
                    'agent_status',
                    'folder',
                    'created_at',
                ])
                ->with([
                    'productsPlatformsAggregates.platform',
                    'productsPlatformsAggregates.product',
                    'agentUsersAgg.user',
                ]);
        })
        ->columns([
            ViewColumn::make('agent_card')
                ->label('Agent Name')
                ->extraCellAttributes([
                    'class' => '!p-0',
                ])
                ->view('components.tables.columns.agent-card', ['record' => fn ($record) => $record])
                ->searchable(['brand_name', 'agents_code', 'owner']),

            TextColumn::make('marketings.marketings_name')
                ->label('Marketing')
                ->extraAttributes([
                    'class' => 'group-hover:bg-on-hover transition-colors openDetailAgents',
                ])
                ->sortable(),

            TextColumn::make('agentGroups.agent_groups_name')
                ->label('Agent Group')
                ->extraAttributes([
                    'class' => 'group-hover:bg-on-hover transition-colors',
                ])
                ->searchable()
                ->sortable(),

            TextColumn::make('agent_status')
                ->label('Status')
                ->formatStateUsing(function ($state) {
                    return match ($state) {
                        'new' => 'New',
                        'running' => 'Running',
                        'close_web' => 'Close Web',
                        'non_active' => 'Non Active',
                        default => ucfirst($state),
                    };
                })
                ->badge()
                ->colors([
                    'success' => 'running',
                    'warning' => 'new',
                    'danger' => 'close_web',
                    'gray' => 'non_active',
                ])
                ->extraAttributes([
                    'class' => 'group-hover:bg-on-hover transition-colors',
                ]),

            TextColumn::make('folder')
                ->label('Folder')
                ->extraAttributes([
                    'class' => 'group-hover:bg-on-hover transition-colors',
                ])
                ->sortable(),

            TextColumn::make('pic_1')
                ->default('-')
                ->extraAttributes([
                    'class' => 'group-hover:bg-on-hover transition-colors',
                ])
                ->label('PIC 1'),

            TextColumn::make('pic_2')
                ->default('-')
                ->extraAttributes([
                    'class' => 'group-hover:bg-on-hover transition-colors',
                ])
                ->extraCellAttributes([
                    'class' => '!p-0',
                ])
                ->label('PIC 2'),
        ])
        ->filters([
            // 1. Status Toggle Buttons
            Filter::make('status')
                ->label('Status')
                ->form([
                    ToggleButtons::make('agent_status')
                        ->multiple()
                        ->options([
                            'NEW' => 'New',
                            'RUNNING' => 'Running',
                            'CLOSE' => 'Close Web',
                        ])
                        ->inline(),
                ])
                ->query(function ($query, array $data) {
                    return $query->when(
                        filled($data['agent_status'] ?? null),
                        fn ($q) => $q->whereIn('agent_status', $data['agent_status'])
                    );
                }),
            // 2. Agent Group
            Filter::make('agent_group')
                ->form([
                    Select::make('agent_group_id')
                        ->label('Agent Group')
                        ->options(fn () => AgentGroups::pluck('agent_groups_name', 'agent_groups_id'))
                        ->searchable()
                        ->placeholder('Select Agent Group'),
                ])
                ->query(fn ($query, array $data) => $query->when($data['agent_group_id'], fn ($q, $val) => $q->where('agent_groups_id', $val))
                ),
            // 3. Marketing
            Filter::make('marketing')
                ->form([
                    Select::make('marketing_id')
                        ->label('Marketing')
                        ->options(fn () => Marketings::pluck('marketings_name', 'marketings_id'))
                        ->searchable()
                        ->placeholder('Select Marketing'),
                ])
                ->query(fn ($query, array $data) => $query->when($data['marketing_id'], fn ($q, $val) => $q->where('marketings_id', $val))
                ),
            // 4. Product / Platforms
            Filter::make('product_platform')
                ->form([
                    Select::make('platform_id')
                        ->label('Products / Platforms')
                        ->options(function () {
                            $platforms = Platforms::all()->pluck('platforms_name', 'platforms_id')->mapWithKeys(fn ($name, $id) => ["platform_$id" => "Platform: $name"]);
                            $products = Products::all()->pluck('products_name', 'products_id')->mapWithKeys(fn ($name, $id) => ["product_$id" => "Product: $name"]);

                            return $platforms->merge($products);
                        })
                        ->searchable()
                        ->placeholder('Select here'),
                ])
                ->query(function ($query, array $data) {
                    $value = $data['platforms_id'] ?? null;

                    if (! $value) {
                        return $query;
                    }

                    if (str_starts_with($value, 'platform_')) {
                        $id = str_replace('platform_', '', $value);

                        return $query->where('platforms_id', $id);
                    }

                    if (str_starts_with($value, 'product_')) {
                        $id = str_replace('product_', '', $value);

                        return $query->where('products_id', $id);
                    }

                    return $query;
                }),

            // 5. Date range (2 columns in 1 row)
            Filter::make('created_between')
                ->form([
                    Grid::make(2)->schema([
                        DatePicker::make('created_from')->label('Added from')->displayFormat('d/m/Y'),
                        DatePicker::make('created_until')->label('Created until')->displayFormat('d/m/Y'),
                    ]),
                ])
                ->query(function ($query, array $data) {
                    return $query
                        ->when($data['created_from'], fn ($q, $val) => $q->whereDate('created_at', '>=', $val))
                        ->when($data['created_until'], fn ($q, $val) => $q->whereDate('created_at', '<=', $val));
                }),
        ])
        ->striped()
        ->recordClasses(fn ($record, $livewire) => in_array($record->agents_id, $livewire->selectedAgents) ? '!bg-primary-50 group transition' : 'group transition');
}

public static function getEloquentQuery(): Builder
{
    return parent::getEloquentQuery()
        ->withoutGlobalScopes([
            SoftDeletingScope::class,
        ]);
}

public static function getRelations(): array
{
    return [];
}

public static function getPages(): array
{
    return [
        'index' => Pages\ListAgents::route('/'),
        // 'create' => Pages\CreateAgents::route('/create'),
        'edit' => Pages\EditAgents::route('/{record}/edit'),
    ];
}

public static function canAccess(): bool
{
    $user = filament()->auth()->user();
    $currentPage = class_basename(static::class);
    if ($user->roles !== null) {
        return AccessHelper::isRoleCanAccess($user->roles->roles_id, $currentPage);
    }

    return false;
}

}
`

[andrewyos07]

and if I implement alwayShowModal() I get this error Illuminate\View\ComponentAttributeBag::merge(): Argument #1 ($attributeDefaults) must be of type array, null given, called in /Volumes/WOWKWB - YOS/CODE/cams-crm/vendor/filament/actions/src/Concerns/HasExtraModalWindowAttributes.php on line 37

[awcodes]

Please try with the latest release.

[andrewyos07]

thank you for the quick response, will try.