LJ Posts - Answer Overflow

•Created by LJ on 11/9/2024 in #❓┊help

FileUpload does not fully initialise in collapsed Form Repeater/Builder on edit

When using collapsed Repeater or Builder and when editing items, the FileUpload would not fully initialise. I have 4 items in the repeater; The page loads with all these items collapsed. I expand random item - the image upload field is correctly initialised with image, delete button etc. I then open second item - the image loads, but the Drag & Drop your files or Browse message is showing on top of the image and delete button prompts to upload a new file. When new file is uploaded - both newly uploaded and previously uploaded images get deleted. This does not happen if Repeater is not collapsed by default. Any ideas what trickery I could invoke to make the FileUpload reinit properly on expanding the repeater/builder section?

public ?array $data = [];

public function mount(): void
{
    $icons = $this->airline->design->social_icons;
    $this->form->fill([
        'social_icons' => $icons
    ]);
}

public function form(Form $form): Form
{
    return $form
        ->statePath('data')
        ->schema([
            Section::make('Social Icons')
                ->schema([
                    Repeater::make('social_icons')->label('Social Icons')->schema([
                        FileUpload::make('image')->visibility('public')->disk('do_spaces')->directory('social_images')->image()
                            ->helperText('We strongly urge the size of 200 by 50 pixels')
                            ->required(),
                        FileUpload::make('image_dark')->visibility('public')->label('Image - Dark Mode')
                            ->hint('Optional, displayed in dark mode. If missing - regular image will be shown.')
                            ->disk('do_spaces')->directory('social_images')->image()
                            ->helperText('We strongly urge the size of 200 by 50 pixels')
                    ])
                        ->columns(2)
                        ->itemLabel(fn(array $state): ?string => $state['name'] ?? null)
                        ->addActionLabel('Add Icon')
                        ->collapsed(),
                ]),
        ]);
}

public ?array $data = [];

public function mount(): void
{
    $icons = $this->airline->design->social_icons;
    $this->form->fill([
        'social_icons' => $icons
    ]);
}

public function form(Form $form): Form
{
    return $form
        ->statePath('data')
        ->schema([
            Section::make('Social Icons')
                ->schema([
                    Repeater::make('social_icons')->label('Social Icons')->schema([
                        FileUpload::make('image')->visibility('public')->disk('do_spaces')->directory('social_images')->image()
                            ->helperText('We strongly urge the size of 200 by 50 pixels')
                            ->required(),
                        FileUpload::make('image_dark')->visibility('public')->label('Image - Dark Mode')
                            ->hint('Optional, displayed in dark mode. If missing - regular image will be shown.')
                            ->disk('do_spaces')->directory('social_images')->image()
                            ->helperText('We strongly urge the size of 200 by 50 pixels')
                    ])
                        ->columns(2)
                        ->itemLabel(fn(array $state): ?string => $state['name'] ?? null)
                        ->addActionLabel('Add Icon')
                        ->collapsed(),
                ]),
        ]);
}

3 replies

FFilament

•Created by LJ on 4/14/2024 in #❓┊help

Export Action - Modify Export Model

👋 Just the user_id does not really work for me, I need a team_id as well. Is there a way to somehow accomplish this?

2 replies

FFilament

•Created by LJ on 12/20/2023 in #❓┊help

disable reordering for item

Hello! Using Tables Reordering https://filamentphp.com/docs/3.x/tables/advanced#reordering-records Is there any way to disable reordering for any particular item? Say, I do not want first item with order_level of 1 of being moved

2 replies

FFilament

•Created by LJ on 10/8/2023 in #❓┊help

TextColumn tooltip displays content and theme

18 replies

FFilament

•Created by LJ on 6/20/2023 in #❓┊help

Pass data to widget

7 replies

Gaming

Programming