How customize flament tab with realtionship

[Shubii8760]

Package

Panel builder

Package Version

3.2

How can we help you?

` public static function form(Form $form): Form
{
return $form
->schema([
Forms\Components\Grid::make(1)
->schema([
Tabs::make('Account Details and Trades')
->tabs([
Tab::make('Account Details')
->schema([
Forms\Components\Select::make('trader_id')
->label('Trader')
->relationship('trader', 'username')
->required(),

                                    Forms\Components\TextInput::make('order_id')
                                        ->label('Order ID')
                                        ->required(),

                                    Forms\Components\TextInput::make('uuid')
                                        ->label('UUID'),

                                    Forms\Components\TextInput::make('code')
                                        ->label('Code'),

                                    Forms\Components\Select::make('entity_id')
                                        ->label('Group')
                                        ->relationship('entity', 'name'),

                                    Forms\Components\TextInput::make('equity')
                                        ->label('Equity')
                                        ->required(),

                                    Forms\Components\TextInput::make('balance')
                                        ->label('Balance')
                                        ->required(),

                                    Forms\Components\TextInput::make('demo')
                                        ->label('Demo')
                                        ->formatStateUsing(fn($state) => $state ? 'Yes' : 'No'),

                                    Forms\Components\TextInput::make('trades_count')
                                        ->label('Trades Count'),

                                    Forms\Components\Toggle::make('active')
                                        ->label('Active'),

                                    Forms\Components\TextInput::make('created_at')
                                        ->label('Created At'),
                                ]),

                            Tab::make('Trades')
                                ->schema([
                                    Forms\Components\Repeater::make('trades')
                                        ->relationship('trades')
                                        ->schema([
                                            Forms\Components\Grid::make()
                                                ->schema([
                                                    Forms\Components\TextInput::make('position_id')
                                                        ->label('Position ID')
                                                        ->extraAttributes(['style' => 'width: 95px;']),

                                                    Forms\Components\TextInput::make('symbol')
                                                        ->label('Symbol')
                                                        ->columnSpan(1),

                                                    Forms\Components\TextInput::make('currency')
                                                        ->label('Currency')
                                                        ->columnSpan(1),
                                                    // ->extraAttributes(['style' => 'width: 55px;']),

                                                    Forms\Components\TextInput::make('contracts')
                                                        ->label('contracts')
                                                        ->numeric()
                                                        ->columnSpan(1)
                                                        ->formatStateUsing(fn($state) => number_format((float) $state, 2, '.', '')),


                                                    Forms\Components\TextInput::make('sell')
                                                        ->label('Sell')
                                                        ->columnSpan(1),
                                                    // ->extraAttributes(['style' => 'width: 55px;']),

                                                    Forms\Components\TextInput::make('profit')
                                                        ->label('Profit')
                                                        ->numeric()
                                                        ->columnSpan(1)
                                                        ->formatStateUsing(fn($state) => rtrim(rtrim(number_format((float) $state, 2, '.', ''), '0'), '.')),

                                                    Forms\Components\TextInput::make('open_price')
                                                        ->label('open_price')
                                                        ->columnSpan(1)
                                                        ->formatStateUsing(fn($state) => rtrim(rtrim(number_format((float) $state, 8, '.', ''), '0'), '.')),

                                                    Forms\Components\DateTimePicker::make('opened')
                                                        ->label('Opened')
                                                        ->columnSpan(1) 
                                                        ->displayFormat('Y-m-d H:i:s')
                                                        ->native(false)
                                                        ->extraAttributes(['style' => 'min-width: 150px; margin-right: 15px;']),

                                                    Forms\Components\DateTimePicker::make('closed')
                                                        ->label('Closed')
                                                        ->columnSpan(1) 
                                                        ->displayFormat('Y-m-d H:i:s')
                                                        ->native(false)
                                                        ->extraAttributes(['style' => 'min-width: 150px; margin-left: 15px; ']),
                                                        
                                                     // Forms\Components\TextInput::make('status')
                                                    //     ->label('Status')
                                                    //     ->columnSpan(1)
                                                    //     ->extraAttributes(['style' => 'min-width: 100px; ']),
                                                ])
                                                ->columns(10)
                                        ])
                                        ->itemLabel(fn(array $state): string => $state['position_id'] ?? 'New Trade')
                                        ->defaultItems(1)
                                        ->collapsible()
                                ]),
                        ]),
                ]),
        ]);
}`
->actions([
            ViewAction::make()->iconButton()
                ->modalWidth('7xl')

This is my account resource class, and the problem I'm facing is that when I view it in the trade tab, I have multiple columns to show, but they are not visible properly. I don't want to use full-screen mode either. How can I fit (11) column properly in one row?

[leandrocfe]

Maybe you could change Grid to Split and use ->grow(false)in the Opened Closed text inputs.