map1960 Posts - Answer Overflow

•Created by map1960 on 6/16/2024 in #❓┊help

Settings menu display

I've got a weird problem with the settings menu on the top right of my admin panel. For some reason, the left boundary has disappeared in production, but not in development. That is, it spreads all the way to the left edge of the screen, actually a little beyond the screen, on any size window. The right boundary seems to be okay. What would be causing this, and hwo could I fix it?

2 replies

FFilament

•Created by map1960 on 1/5/2024 in #❓┊help

Can't upload to S3 in production

I'm using the Spatie Media Library plugin to upload images. The files are stored in S3. Everything works fine on the development site. But on the production site, I hit a filepond error about 1/3 of the way through the upload, "Error during upload" (no errors in console). The AWS credentials in env are the same on both development and production. I've set the APP_URL correctly on production. I've added the production site's URL to the CORS permissions on the bucket. I think the permissions must be okay otherwise, because uploads work fine from the local development site. (?) I'm hosting the production site on Forge. Any idea what could be preventing uploads on the production site? Thank you!

2 replies

FFilament

•Created by map1960 on 1/1/2024 in #❓┊help

ImageEditor on custom page

Is it possible to use the imageEditor method on a FileUpload field in a custom livewire component? I've created a custom livewire component to let users upload an avatar image on the standard breeze profile page, in the public area of my app. The simple filepond field works fine. If I add "imageEditor()" to the FileUpload field, the editor does appear, but the layout is messed up, with the editing fields displayed below the image instead of to the right, and the save button hidden. The avatar() method also seems to break the field. Are certain methods only available within the Filament panel and unavailable in custom livewire components? Or am I doing something wrong? I'm using Laravel 10.39, Filament 3.1.32, Livewire 3.3.3. Here's the code for my form:

public function form(Form $form): Form
    {
        return $form
            ->schema([
                FileUpload::make('avatar')
                ->image()
                ->imageEditor()
                ->disk('public')
                ->directory('avatars')
            ])
            ->statePath('data');
    }

public function form(Form $form): Form
    {
        return $form
            ->schema([
                FileUpload::make('avatar')
                ->image()
                ->imageEditor()
                ->disk('public')
                ->directory('avatars')
            ])
            ->statePath('data');
    }

Thank you! (I'm pretty new to Filament and this is my first post here, so apologies in advance if I've missed something obvious.)

5 replies

FFilament

•Created by map1960 on 1/1/2024 in #❓┊help

ImageEditor on custom page

Is it possible to use the imageEditor method on a FileUpload field in a custom livewire component? I've created a custom livewire component to let users upload an avatar image on the standard breeze profile page, in the public area of my app. The simple filepond field works fine. If I add "imageEditor()" to the FileUpload field, the editor does appear, but the layout is messed up, with the editing fields displayed below the image instead of to the right, and the save button hidden. The avatar() method also seems to break the field. Are certain methods only available within the Filament panel and unavailable in custom livewire components? Or am I doing something wrong? I'm using Laravel 10.39, Filament 3.1.32, Livewire 3.3.3. Here's the code for my form:

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                FileUpload::make('avatar')
                ->image()
                ->imageEditor()
                ->disk('public')
                ->directory('avatars')
            ])
            ->statePath('data');
    }

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                FileUpload::make('avatar')
                ->image()
                ->imageEditor()
                ->disk('public')
                ->directory('avatars')
            ])
            ->statePath('data');
    }

Thank you! (I'm pretty new to Filament and this is my first post here, so apologies in advance if I've missed something obvious.)

2 replies

Gaming

Programming