alan Posts - Answer Overflow

alan

•Created by alan on 2/15/2025 in #❓┊help

Custom Form Page in Filament with BasePage: Inheriting Theme Colors

Hello,
I have created a custom page with:

class MyCustomFormPage extends BasePage implements HasForms

class MyCustomFormPage extends BasePage implements HasForms

Now, I have the problem that this page does not inherit my primary colors from Providers/Filament/AppPanelProvider.php. I assume this is intentional.
But how can I create a form in Filament that can be viewed without login, without any navigation bars or sidebars—just the form itself—while still using the same theme as the rest of the panel, as defined in the provider?
For example, my custom font is displayed correctly in BasePage, but the colors are not. Could this be a bug?

18 replies

FFilament

•Created by alan on 1/22/2025 in #❓┊help

Save Wizard on clicking next button with alpineClickHandler

I have a question with limited resources online. I want to auto-save responses after a step in a Wizard. From Dan's comment under this video, I learned that AlpineJS can trigger an existing action or javascript. 1. How can I log something to the console or show an alert on clicking "Next"?
2. How can I auto-save responses while using AlpineJS to trigger actions?
Here's an example snippet:

Wizard::make([  
    Wizard\Step::make(__('Step1'))  
        ->schema([  
            // ...  
        ])->afterValidation(function () {  
            Notification::make()  
                ->title('Saved successfully')  
                ->success()  
                ->send();  
            Action::make('next')  
                ->alpineClickHandler('console.log("next")');  
            }  
        )

Wizard::make([  
    Wizard\Step::make(__('Step1'))  
        ->schema([  
            // ...  
        ])->afterValidation(function () {  
            Notification::make()  
                ->title('Saved successfully')  
                ->success()  
                ->send();  
            Action::make('next')  
                ->alpineClickHandler('console.log("next")');  
            }  
        )

This doesn't work. afterValidation works, but Action::make('next')->alpineClickHandler doesn't Thank you!

13 replies

Gaming

Programming