Matching container height
is there a way to make the container have matching height? - refer image
Forms\Components\Split::make([
Forms\Components\Section::make('Requestor Information')
->description('Details about the person making the request.')
->schema([
Forms\Components\Select::make('requestor_id')
...,
]),
Forms\Components\Section::make('Approval Details')
->description('Information regarding the approval process.')
->schema([
Forms\Components\Select::make('approver_id')
...,
Forms\Components\Select::make('pre_approver_decision')
...,
Forms\Components\Textarea::make('rejection_reason')
...,
]),
])
->columnSpanFull(),
Forms\Components\Split::make([
Forms\Components\Section::make('Requestor Information')
->description('Details about the person making the request.')
->schema([
Forms\Components\Select::make('requestor_id')
...,
]),
Forms\Components\Section::make('Approval Details')
->description('Information regarding the approval process.')
->schema([
Forms\Components\Select::make('approver_id')
...,
Forms\Components\Select::make('pre_approver_decision')
...,
Forms\Components\Textarea::make('rejection_reason')
...,
]),
])
->columnSpanFull(),

6 Replies
Forms\Components\Split::make([
Forms\Components\Section::make('Requestor Information')
->description('Details about the person making the request.')
->extraAttributes(['class' => 'h-full'])
->schema([
Forms\Components\Select::make('requestor_id')
...,
]),
Forms\Components\Section::make('Approval Details')
->description('Information regarding the approval process.')
->extraAttributes(['class' => 'h-full'])
->schema([
Forms\Components\Select::make('approver_id')
...,
Forms\Components\Select::make('pre_approver_decision')
...,
Forms\Components\Textarea::make('rejection_reason')
...,
]),
])
->columnSpanFull(),
Forms\Components\Split::make([
Forms\Components\Section::make('Requestor Information')
->description('Details about the person making the request.')
->extraAttributes(['class' => 'h-full'])
->schema([
Forms\Components\Select::make('requestor_id')
...,
]),
Forms\Components\Section::make('Approval Details')
->description('Information regarding the approval process.')
->extraAttributes(['class' => 'h-full'])
->schema([
Forms\Components\Select::make('approver_id')
...,
Forms\Components\Select::make('pre_approver_decision')
...,
Forms\Components\Textarea::make('rejection_reason')
...,
]),
])
->columnSpanFull(),
thank you for the help. unfortunately this solution is not working. it does get merge into the class but it does not take any effect. and yes i do have npm run dev running.

Solution

@toeknee Cheers! 🍻


sheeshh. thanks for the solution. really appreciate it.
Welcomes!
Forms\Components\Split::make([
Forms\Components\Section::make('Requestor Information')
->description('Details about the person making the request.')
->schema([Forms\Components\Select::make('requestor_id')])
->extraAttributes(['class' => 'h-full']),
Forms\Components\Section::make('Approval Details')
->description('Information regarding the approval process.')
->schema([
Forms\Components\Select::make('approver_id'),
Forms\Components\Select::make('pre_approver_decision'),
Forms\Components\Textarea::make('rejection_reason'),
])
])
->from('md')
->columnSpanFull()
->extraAttributes([
'class' => 'flex md:items-stretch',
]),
Forms\Components\Split::make([
Forms\Components\Section::make('Requestor Information')
->description('Details about the person making the request.')
->schema([Forms\Components\Select::make('requestor_id')])
->extraAttributes(['class' => 'h-full']),
Forms\Components\Section::make('Approval Details')
->description('Information regarding the approval process.')
->schema([
Forms\Components\Select::make('approver_id'),
Forms\Components\Select::make('pre_approver_decision'),
Forms\Components\Textarea::make('rejection_reason'),
])
])
->from('md')
->columnSpanFull()
->extraAttributes([
'class' => 'flex md:items-stretch',
]),
->from('md')
.
thank you