Column Span Form Builder

I want to display all the fields separately, like one at a line.
Need to use columnspan(2) on every fields and new fields should starts from new line not on the same line.

return $form
        
                ->schema([
                    TextInput::make('name')
                        ->required()
                        ->maxLength(255)
                        ->columnSpan(1)
                        ->autofocus(),
                    TextInput::make('Price')
                        ->required()
                        ->numeric()
                        ->minValue(1),
                    
                    Textarea::make('description')
                        ->minLength(2)
                        ->columnSpan(1)
                        ->maxLength(1024),

                    
                    
                
        ]);

return $form
        
                ->schema([
                    TextInput::make('name')
                        ->required()
                        ->maxLength(255)
                        ->columnSpan(1)
                        ->autofocus(),
                    TextInput::make('Price')
                        ->required()
                        ->numeric()
                        ->minValue(1),
                    
                    Textarea::make('description')
                        ->minLength(2)
                        ->columnSpan(1)
                        ->maxLength(1024),

                    
                    
                
        ]);

return $form
        
                ->schema([
                    TextInput::make('name')
                        ->required()
                        ->maxLength(255)
                        ->columnSpan(1)
                        ->autofocus(),
                    TextInput::make('Price')
                        ->required()
                        ->numeric()
                        ->minValue(1),
                    
                    Textarea::make('description')
                        ->minLength(2)
                        ->columnSpan(1)
                        ->maxLength(1024),

                    
                    
                
        ]);

return $form
        
                ->schema([
                    TextInput::make('name')
                        ->required()
                        ->maxLength(255)
                        ->columnSpan(1)
                        ->autofocus(),
                    TextInput::make('Price')
                        ->required()
                        ->numeric()
                        ->minValue(1),
                    
                    Textarea::make('description')
                        ->minLength(2)
                        ->columnSpan(1)
                        ->maxLength(1024),

                    
                    
                
        ]);

Solution

Group::make()->columns(1)->schema([...]);

Group::make()->columns(1)->schema([...]);

Group::make()->columns(1)->schema([...]);

Group::make()->columns(1)->schema([...]);

Jump to solution

Dennis Koch•12/4/23, 9:51 AM

You probably want a Group that spans 1 column and place your fields inside the group

DDennis Koch You probably want a Group that spans 1 column and place your fields inside the g...

David warnerOP•12/4/23, 11:33 AM

and how do I do that ?

Solution

Dennis Koch•12/4/23, 1:04 PM

Group::make()->columns(1)->schema([...]);

Group::make()->columns(1)->schema([...]);

David warnerOP•12/4/23, 2:20 PM

David warnerOP•12/4/23, 2:20 PM

public static function form(Form $form): Form
{
    return $form
        
            ->schema([
                Section::make()
                    
                    ->schema([
                TextInput::make('name')
                    ->required()
                    ->maxLength(255)
                    
                    ->autofocus(),

                TextInput::make('price')
                    ->required()
                    ->numeric()
                    
                    ->prefix('रू')
                    ->minValue(1),

                Textarea::make('description')
                    ->minLength(2)
                    
                    ->maxLength(1024),
                ])->columns(1)->columnSpan(1),
            ]);
}

public static function form(Form $form): Form
{
    return $form
        
            ->schema([
                Section::make()
                    
                    ->schema([
                TextInput::make('name')
                    ->required()
                    ->maxLength(255)
                    
                    ->autofocus(),

                TextInput::make('price')
                    ->required()
                    ->numeric()
                    
                    ->prefix('रू')
                    ->minValue(1),

                Textarea::make('description')
                    ->minLength(2)
                    
                    ->maxLength(1024),
                ])->columns(1)->columnSpan(1),
            ]);
}

David warnerOP•12/4/23, 2:20 PM

achieved that by making section,

David warnerOP•12/4/23, 2:21 PM

thank you for your response

David warnerOP•12/4/23, 2:22 PM

Any easy suggestions for this?

DDavid warner Any easy suggestions for this?

Dennis Koch•12/4/23, 2:25 PM

For what?

public static function form(Form $form): Form { return $form ->schema([ Section::make() ->schema([ TextInput::make('name') ->required() ->maxLength(255) ->autofocus(), TextInput::make('price') ->required() ->numeric() ->prefix('रू') ->minValue(1), Textarea::make('description') ->minLength(2) ->maxLength(1024), ])->columns(1)->columnSpan(1), ]); }