© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•11mo ago•
3 replies
warNuttah

change direction (from column to row) of a section within a grid

hi all, im looking to implement a different alignment to a section inside my form. i am displaying images inside a grid and need to change the alignment. the default seems to be a column but i want to have a horizontal direction.

                Grid::make(2)
                    ->schema([
                        SpatieMediaLibraryFileUpload::make('featured_image')
                            ->collection('featured')
                            ->image()
                            ->columnSpanFull(),
                        SpatieMediaLibraryFileUpload::make('images')
                            ->collection('images')
                            ->multiple()
                            ->extraAttributes(['class' => 'flex flex-row'])
                            ->columnSpanFull()
                    ])->columnSpan([
                        'default' => 1,
                        'sm' => 12,
                        'md' => 8,
                        'lg' => 7,
                    ]),
                Grid::make(2)
                    ->schema([
                        SpatieMediaLibraryFileUpload::make('featured_image')
                            ->collection('featured')
                            ->image()
                            ->columnSpanFull(),
                        SpatieMediaLibraryFileUpload::make('images')
                            ->collection('images')
                            ->multiple()
                            ->extraAttributes(['class' => 'flex flex-row'])
                            ->columnSpanFull()
                    ])->columnSpan([
                        'default' => 1,
                        'sm' => 12,
                        'md' => 8,
                        'lg' => 7,
                    ]),


the grid layout i want to create is a 1 column design with its rows expanding across the available space but, have the images within the lower row, to sit next to each other.

i've tried using something like this:
->extraAttributes(['class' => 'flex'])
->extraAttributes(['class' => 'flex'])
or by creating a CSS class within
resources/css/app.css
resources/css/app.css

does a theme cover this need or is it only for editing colors and typography? thanks!
Artboard_1.png
Artboard_2.png
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements

Similar Threads

Change column value from row action
FilamentFFilament / ❓┊help
2y ago
How to stack table row actions, show as flex-direction column instead of flex-direction row
FilamentFFilament / ❓┊help
2y ago
Column Spans On Form within Grid
FilamentFFilament / ❓┊help
8mo ago
How to make two column section using grid?
FilamentFFilament / ❓┊help
3y ago