Next page Wizard

Hey all,

So I am new to Filament development and am trying to build a simple dashboard.
When on the admin page there is a new widget to create new widgets.
When you click on it, for now I want to enter a new and go to step 2. Except 'Next' does not show up. Am I missing something?

add-widget blade:

<div class="flex flex-col p-2 bg-white rounded-lg overflow-hidden">
    <x-filament-actions::action
        :action="$this->createAction"
        dynamic-component="filament::button"
        class="items-center justify-center text-center m-auto shadow-none">
        <div class="opacity-40 hover:opacity-80 hover:cursor-pointer">
            <div class="items-center justify-center text-center m-auto">
                <div
                    class="w-16 h-16 rounded-full bg-black text-white flex items-center justify-center text-2xl mx-auto">
                    <i class="fas fa-plus"></i>
                </div>
                <div class="mt-2 text-2xl font-black mx-auto text-black">Voeg toe</div>
            </div>
        </div>

    </x-filament-actions::action>
    <x-filament-actions::modals/>
</div>

<div class="flex flex-col p-2 bg-white rounded-lg overflow-hidden">
    <x-filament-actions::action
        :action="$this->createAction"
        dynamic-component="filament::button"
        class="items-center justify-center text-center m-auto shadow-none">
        <div class="opacity-40 hover:opacity-80 hover:cursor-pointer">
            <div class="items-center justify-center text-center m-auto">
                <div
                    class="w-16 h-16 rounded-full bg-black text-white flex items-center justify-center text-2xl mx-auto">
                    <i class="fas fa-plus"></i>
                </div>
                <div class="mt-2 text-2xl font-black mx-auto text-black">Voeg toe</div>
            </div>
        </div>

    </x-filament-actions::action>
    <x-filament-actions::modals/>
</div>

Create Action in the Livewire component.
Create Action is the copy/paste from https://filamentphp.com/docs/3.x/actions/prebuilt-actions/create#using-a-wizard in a function called createAction

Would love to know what I did wrong and how to fix it! ( And perhaps in the future docs. I already searched the docs but I am missing the answer )

Schermafbeelding_2023-12-14_om_12.25.55.png

Create action - Actions - Filament

Solution

Fully import Filament and it should work.

Jump to solution

Next page Wizard

<div class="flex flex-col p-2 bg-white rounded-lg overflow-hidden">
    <x-filament-actions::action
        :action="$this->createAction"
        dynamic-component="filament::button"
        class="items-center justify-center text-center m-auto shadow-none">
        <div class="opacity-40 hover:opacity-80 hover:cursor-pointer">
            <div class="items-center justify-center text-center m-auto">
                <div
                    class="w-16 h-16 rounded-full bg-black text-white flex items-center justify-center text-2xl mx-auto">
                    <i class="fas fa-plus"></i>
                </div>
                <div class="mt-2 text-2xl font-black mx-auto text-black">Voeg toe</div>
            </div>
        </div>

    </x-filament-actions::action>
    <x-filament-actions::modals/>
</div>

<div class="flex flex-col p-2 bg-white rounded-lg overflow-hidden">
    <x-filament-actions::action
        :action="$this->createAction"
        dynamic-component="filament::button"
        class="items-center justify-center text-center m-auto shadow-none">
        <div class="opacity-40 hover:opacity-80 hover:cursor-pointer">
            <div class="items-center justify-center text-center m-auto">
                <div
                    class="w-16 h-16 rounded-full bg-black text-white flex items-center justify-center text-2xl mx-auto">
                    <i class="fas fa-plus"></i>
                </div>
                <div class="mt-2 text-2xl font-black mx-auto text-black">Voeg toe</div>
            </div>
        </div>

    </x-filament-actions::action>
    <x-filament-actions::modals/>
</div>

Create action - Actions - Filament

Solution

Fully import Filament and it should work.

Jump to solution

Next page Wizard

Next page Wizard

Similar Threads

Similar Threads

Similar Threads