Filament•2y ago

customize Wizard

any help please? I want to make a custom Wizard, not add schema but call a livewire component to be able to customize it sorry if my english is not very good.

10 Replies

Dan Harrin•2y ago

you can use livewire if you want, what specifically are you struggling with

gustavo.devOP•2y ago

->wizard([
                        Step::make('Datos de tu empresa')
                            // ->icon('tabler-list-check')
                            ->statePath('list')
                            ->schema([
                                TextInput::make('name')
                                    ->columnSpan(2)
                                    ->label("Nombre de tu empresa")
                                    ->reactive()
                                    ->required(),
                            ]),

                        Step::make('Ingresar NIT')
                            // ->icon('tabler-list-check')
                            ->statePath('list2')
                            ->schema([
                                TextInput::make('name')
                                    ->columnSpan(2)
                                    ->label("Buscar nit")
                                    ->reactive()
                                    ->required(),
                            ]),

->wizard([
                        Step::make('Datos de tu empresa')
                            // ->icon('tabler-list-check')
                            ->statePath('list')
                            ->schema([
                                TextInput::make('name')
                                    ->columnSpan(2)
                                    ->label("Nombre de tu empresa")
                                    ->reactive()
                                    ->required(),
                            ]),

                        Step::make('Ingresar NIT')
                            // ->icon('tabler-list-check')
                            ->statePath('list2')
                            ->schema([
                                TextInput::make('name')
                                    ->columnSpan(2)
                                    ->label("Buscar nit")
                                    ->reactive()
                                    ->required(),
                            ]),

gustavo.devOP•2y ago

what i need is to create custom components, to add them in this part. @Dan Harrin could you give me an example please. 🙏

Dan Harrin•2y ago

i urge you to look at the custom form components section of the form builder docs any form builder component can be added to the wizard you can even generate custom components using the cli

gustavo.devOP•2y ago

I can't find that part in the documentation, could you please tell me

gustavo.devOP•2y ago

https://filamentphp.com/docs/2.x/forms/layout#building-custom-layout-components

Filament

Layout - Form Builder - Filament

The elegant TALL stack form builder for Laravel artisans.

gustavo.devOP•2y ago

                        Step::make('Ingresar NIT')
                            // ->icon('tabler-list-check')
                            ->statePath('list2')
                            ->view('forms.components.payment'),

                        Step::make('Ingresar NIT')
                            // ->icon('tabler-list-check')
                            ->statePath('list2')
                            ->view('forms.components.payment'),

I am calling this way my custom component, and in the view

<div>
    {{ $getChildComponentContainer() }}
</div>

<div>
    {{ $getChildComponentContainer() }}
</div>

The question is, where do I add the custom HTML? @Dan Harrin I would really appreciate your help

Dan Harrin•2y ago

I currently don't have time to write code for you. It sounds like you maybe havent used Livewire or Blade much before so I suggest that you learn how to use those with basic views. If someone else chooses to help in this thread, you should provide much more information about what you would like to achieve. Currently, we don't know what you are trying to do in your custom view

gustavo.devOP•2y ago

 Step::make('Pasarela de pagos')
                            // ->icon('tabler-list-check')
                            ->statePath('list3')
                            ->schema([
                                View::make('forms.components.payment')

                            ])

 Step::make('Pasarela de pagos')
                            // ->icon('tabler-list-check')
                            ->statePath('list3')
                            ->schema([
                                View::make('forms.components.payment')

                            ])

this was what i needed to do, thanks!!

Ander•2y ago

@.gustavo.dev Thanks, I had the same question.

Gaming

Programming

customize Wizard