Custom setting page with filamentphp

Obala · 2023-09-04T04:47:42.416Z

I'm attempting to set up the edit page as the primary view for a filamentphp resource, specifically for managing page settings. These settings will consist of a single data row, and I want to restrict it to only being editable, with no option to create new rows or delete the existing one. Despite my efforts to find a solution, I haven't been able to. I'm open to any pointers, workarounds, or alternative approaches that could help me achieve this. Thanks for your assistance!

T

tuto1902•9/4/23, 4:50 AM

Thank you for your question. To get a bit more context, what would be the name of the Model you want the Edit page for? (just trying to get a mental image)

T

tuto1902•9/4/23, 4:51 AM

is it just Settings?

O

ObalaOP•9/4/23, 4:52 AM

Yes it's just Settings

T

tuto1902•9/4/23, 4:56 AM

Ok, so I'll assume the model class name is Settings? When you say there's only a single data row, does that mean that the settings table (associated to the Settings model) only has a single record?

O

ObalaOP•9/4/23, 5:01 AM

Yes, it will contain content like website name, contact, address etc, so there can't be multiple rows for it

T

tuto1902•9/4/23, 5:10 AM

Ok. It sounds like you don't really need a whole Resource class to edit the Settings. Sounds more like you just need a custom Page.

T

tuto1902•9/4/23, 5:11 AM

when you create a custom page with

php artisan make:filament-page Settings

php artisan make:filament-page Settings

php artisan make:filament-page Settings

php artisan make:filament-page Settings, it will create a navigation item for you

O

ObalaOP•9/4/23, 5:12 AM

Yes can work with page plus livewire component

T

tuto1902•9/4/23, 5:13 AM

The new page itself is a full page livewiere component. And, you can implement the HasForms contract to use Filament's form builder inside this page.

O

ObalaOP•9/4/23, 5:16 AM

I managed to make it up to here, but the problem came again filling the form with the database data, I did use fill() method on the form but it prevents me from editing the data since it keeps refreshing with the database data once I start typing

T

tuto1902•9/4/23, 5:17 AM

Interesting...

T

tuto1902•9/4/23, 5:19 AM

Would you mind sharing the code for the Page class you created? you can use three back ticks and then php to share code

public function myCode() {
  // Share your code
}

public function myCode() {
  // Share your code
}

public function myCode() {
  // Share your code
}

public function myCode() {
  // Share your code
}

O

ObalaOP•9/4/23, 5:24 AM

   
public function form(Form $form): Form
    {
        return $form
            ->schema([
                Section::make('Website setting')
                    ->schema([
                        TextInput::make('company_name')
                            ->name('Name'),
                        TextInput::make('company_email')
                            ->name('Email'),
                        TextInput::make('company_address')
                            ->name('Address'),
                    ])
                    ->columnSpan(2),
                Section::make('Meta')
                    ->schema([
                        FileUpload::make('company_logo')
                            ->name('Logo')
                            ->image()
                            ->maxFiles(1),
                        FileUpload::make('company_favicon')
                            ->name('Favicon')
                            ->image()
                            ->maxFiles(1),
                    ])
                    ->columnSpan(1),
                Section::make('Socials')
                    ->schema([
                        TextInput::make('facebook_url'),
                        TextInput::make('twitter_url'),
                        TextInput::make('linkedin_url')
                    ])
                    ->columnSpan(2),
            ])
            ->columns(3)
            ->statePath('data')
            ->fill(self::getSetting()->toArray());
    }

   
public function form(Form $form): Form
    {
        return $form
            ->schema([
                Section::make('Website setting')
                    ->schema([
                        TextInput::make('company_name')
                            ->name('Name'),
                        TextInput::make('company_email')
                            ->name('Email'),
                        TextInput::make('company_address')
                            ->name('Address'),
                    ])
                    ->columnSpan(2),
                Section::make('Meta')
                    ->schema([
                        FileUpload::make('company_logo')
                            ->name('Logo')
                            ->image()
                            ->maxFiles(1),
                        FileUpload::make('company_favicon')
                            ->name('Favicon')
                            ->image()
                            ->maxFiles(1),
                    ])
                    ->columnSpan(1),
                Section::make('Socials')
                    ->schema([
                        TextInput::make('facebook_url'),
                        TextInput::make('twitter_url'),
                        TextInput::make('linkedin_url')
                    ])
                    ->columnSpan(2),
            ])
            ->columns(3)
            ->statePath('data')
            ->fill(self::getSetting()->toArray());
    }

   
public function form(Form $form): Form
    {
        return $form
            ->schema([
                Section::make('Website setting')
                    ->schema([
                        TextInput::make('company_name')
                            ->name('Name'),
                        TextInput::make('company_email')
                            ->name('Email'),
                        TextInput::make('company_address')
                            ->name('Address'),
                    ])
                    ->columnSpan(2),
                Section::make('Meta')
                    ->schema([
                        FileUpload::make('company_logo')
                            ->name('Logo')
                            ->image()
                            ->maxFiles(1),
                        FileUpload::make('company_favicon')
                            ->name('Favicon')
                            ->image()
                            ->maxFiles(1),
                    ])
                    ->columnSpan(1),
                Section::make('Socials')
                    ->schema([
                        TextInput::make('facebook_url'),
                        TextInput::make('twitter_url'),
                        TextInput::make('linkedin_url')
                    ])
                    ->columnSpan(2),
            ])
            ->columns(3)
            ->statePath('data')
            ->fill(self::getSetting()->toArray());
    }

   
public function form(Form $form): Form
    {
        return $form
            ->schema([
                Section::make('Website setting')
                    ->schema([
                        TextInput::make('company_name')
                            ->name('Name'),
                        TextInput::make('company_email')
                            ->name('Email'),
                        TextInput::make('company_address')
                            ->name('Address'),
                    ])
                    ->columnSpan(2),
                Section::make('Meta')
                    ->schema([
                        FileUpload::make('company_logo')
                            ->name('Logo')
                            ->image()
                            ->maxFiles(1),
                        FileUpload::make('company_favicon')
                            ->name('Favicon')
                            ->image()
                            ->maxFiles(1),
                    ])
                    ->columnSpan(1),
                Section::make('Socials')
                    ->schema([
                        TextInput::make('facebook_url'),
                        TextInput::make('twitter_url'),
                        TextInput::make('linkedin_url')
                    ])
                    ->columnSpan(2),
            ])
            ->columns(3)
            ->statePath('data')
            ->fill(self::getSetting()->toArray());
    }

T

tuto1902•9/4/23, 5:31 AM

I think in this case, it would be better to fill the form in the mount() method of the Page class instead of calling the ->fill() method directly in the form schema

public function mount(): void
{
    $this->form->fill($this->getSetting()->toArray());
}

public function mount(): void
{
    $this->form->fill($this->getSetting()->toArray());
}

public function mount(): void
{
    $this->form->fill($this->getSetting()->toArray());
}

public function mount(): void
{
    $this->form->fill($this->getSetting()->toArray());
}

O

ObalaOP•9/4/23, 5:32 AM

i did try, but was getting some that I can't use before instantiating the form,

T

tuto1902•9/4/23, 5:36 AM

That's strange. This is how the official documentation recommends adding a form to a component. For our purposes, we can replace Component with Page

https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component#adding-the-form

Adding a form to a Livewire component - Form Builder - Filament

O

ObalaOP•9/4/23, 5:39 AM

I have been referencing the docs trying to solve it but the problem has persisted, maybe I should try updating the filamentphp for now

T

tuto1902•9/4/23, 5:40 AM

That's a good idea.

O

ObalaOP•9/4/23, 7:01 AM

Updating filamentphp and using this solved the problem

public function mount(): void
{
    $this->form->fill($this->getSetting()->toArray());
}

public function mount(): void
{
    $this->form->fill($this->getSetting()->toArray());
}

public function mount(): void
{
    $this->form->fill($this->getSetting()->toArray());
}

public function mount(): void
{
    $this->form->fill($this->getSetting()->toArray());
}

T

tuto1902•9/4/23, 1:51 PM

https://tenor.com/view/happy-gif-26136231

Tenor

Custom setting page with filamentphp

Similar Threads

Similar Threads

Similar Threads