© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•17mo ago•
7 replies
agaitan026

make tab full width?

hi i have a form that have tabs, how i can make it full width all windows? thank you

Tabs::make('Tabs')
    ->tabs([
        Tabs\Tab::make('Tab 1')
            ->schema([
            TextInput::make('name')
                ->required()
                
                ->label(trans('filament-users::user.resource.name')),
            TextInput::make('cedula')
                ->required()
                ->label('cedula'),    
            TextInput::make('idcliente')
                ->required()
                ->label('idcliente'), 
Forms\Components\Select::make('roles')
                ->multiple()
                ->preload()
                ->relationship('roles', 'name')
                ->label(trans('filament-users::user.resource.roles')),
        
            ]),
        Tabs\Tab::make('Tab 2')
            ->schema([
            TextInput::make('direccion_principal')
                ->required()
                ->label('direccion_principal'), 
            TextInput::make('ruc')
                ->required()
                ->label('ruc'),     
            TextInput::make('dv')
                ->required()
                ->label('dv'),      
            TextInput::make('email')
                ->email()
                ->required()
                ->label(trans('filament-users::user.resource.email')),
            ]),
        Tabs\Tab::make('Tab 3')
            ->schema([
                // ...
            ]),
    ])
        ];
Tabs::make('Tabs')
    ->tabs([
        Tabs\Tab::make('Tab 1')
            ->schema([
            TextInput::make('name')
                ->required()
                
                ->label(trans('filament-users::user.resource.name')),
            TextInput::make('cedula')
                ->required()
                ->label('cedula'),    
            TextInput::make('idcliente')
                ->required()
                ->label('idcliente'), 
Forms\Components\Select::make('roles')
                ->multiple()
                ->preload()
                ->relationship('roles', 'name')
                ->label(trans('filament-users::user.resource.roles')),
        
            ]),
        Tabs\Tab::make('Tab 2')
            ->schema([
            TextInput::make('direccion_principal')
                ->required()
                ->label('direccion_principal'), 
            TextInput::make('ruc')
                ->required()
                ->label('ruc'),     
            TextInput::make('dv')
                ->required()
                ->label('dv'),      
            TextInput::make('email')
                ->email()
                ->required()
                ->label(trans('filament-users::user.resource.email')),
            ]),
        Tabs\Tab::make('Tab 3')
            ->schema([
                // ...
            ]),
    ])
        ];
Solution
not sure if this what you're looking for, but try
Tabs::make('Tabs')->columnSpanFull()
Tabs::make('Tabs')->columnSpanFull()
Jump to solution
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

Tab Layout Width
FilamentFFilament / ❓┊help
3y ago
How to make a wizard full width?
FilamentFFilament / ❓┊help
3y ago
Full width FilamentPHP
FilamentFFilament / ❓┊help
2y ago
App Dropdowns full width
FilamentFFilament / ❓┊help
2y ago