Filament•3y ago

HelperText is not shown in a Page contains a simple form.

I am currently studying Filament, and I am exploring the Form Builder section. So I decided to create a simple page with a form to try out the various fields, etc..
I added helperText to certain column and also a column that appear if a specific value is set but either the column is not shown or the helper text

PHP: 8.2.11
Laravel: 10.10
Filament: 3.0-stable

DrByte

D

DrByte•10/15/23, 5:44 PM

Your screenshots of code are very hard to read. That's why the #

┊rules say to post the text of your code inside code tags (triple-backticks, like GitHub) or in a gist.

DrByte

D

DrByte•10/15/23, 5:45 PM

It looks like your is trying to display a element inside it? Why?

kool

K

koolOP•10/15/23, 5:50 PM

kool

K

koolOP•10/15/23, 5:50 PM

DrByte

DDrByte It looks like your `helperText()` is trying to display a `DatePicker()` element ...

kool

K

koolOP•10/15/23, 5:51 PM

DatePicker is another column, it is not inside helperText

DrByte

D

DrByte•10/15/23, 5:56 PM

At the risk of sounding obvious, does the work properly if you change it just to a simple string, like "test"?
I wonder if it's hitting your in all cases, which makes it seem like it's not displaying...

DrByte

D

DrByte•10/15/23, 5:57 PM

Also, you have two

->live()

->live()

on the same

Select

Select

, before and after the declaration. Harmless, but duplicate.

DrByte

DDrByte Also, you have two `->live()` on the same `Select`, before and after the `helper...

kool

K

koolOP•10/15/23, 5:59 PM

Yeah you are right, didn't notice it.

DrByte

DDrByte At the risk of sounding obvious, does the `helperText` work properly if you chan...

kool

K

koolOP•10/15/23, 5:59 PM

I will check this out

DrByte

DDrByte At the risk of sounding obvious, does the `helperText` work properly if you chan...

kool

K

koolOP•10/15/23, 6:04 PM

I tried to change it to a simple text and it works but this is strange because I have done the same thing inside a resource page with the same lines of code its form method.

kool

K

koolOP•10/15/23, 6:05 PM

Also the same applies in DatePicker column, it does appear If I put it inside a a resource page but a page without resource not working.

I don't know it it is a bug or I am missing something.

DrByte

D

DrByte•10/15/23, 6:08 PM

I would have expected the InteractsWithForms trait to be enough, but maybe it's worth exploring (source-diving) what other traits are on a Resource that aren't on your page. (I'd look myself now, but don't have my full IDE with me

)

## imports
namespace App\Filament\Pages;

use Filament\Forms\Components\Concerns\HasHelperText;
use Filament\Forms\Components\DateTimePicker;
use Filament\Forms\Components\Section;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\Tabs;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Forms\Contracts\HasForms;
use Filament\Forms\Form;
use Filament\Forms\Get;
use Filament\Pages\Page;

## imports
namespace App\Filament\Pages;

use Filament\Forms\Components\Concerns\HasHelperText;
use Filament\Forms\Components\DateTimePicker;
use Filament\Forms\Components\Section;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\Tabs;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Forms\Contracts\HasForms;
use Filament\Forms\Form;
use Filament\Forms\Get;
use Filament\Pages\Page;

<?php

class FormExample extends Page implements HasForms
{
    use InteractsWithForms;
    use HasHelperText;

    protected static ?string $navigationIcon = 'heroicon-o-document-text';

    protected static string $view = 'filament.pages.form';

    public ?array $data = [];

    public function mount(): void
    {
        $this->form->fill();
    }

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                Section::make('Publishing')
                    ->description('Settings for publishing this post.')
                    ->schema([
                        Select::make('status')
                            ->options([
                                'draft'     => 'Draft',
                                'reviewing' => 'Reviewing',
                                'published' => 'Published',
                            ])
                            ->live()
                            ->helperText(fn(Get $get) => match ($get('status')) {
                                'draft', 'reviewing'
                                => str('This post **will not be visible** to the public until it is published.')
                                    ->inlineMarkdown()->toHtmlString(),
                                'published'
                                => str('This post **is visible** to the public.')->inlineMarkdown()->toHtmlString(),
                                default => '',
                            })->live(),
                        DateTimePicker::make('published_at')
                            ->hidden(fn(Get $get) => $get('status') !== 'published'),
                    ]),
            ]);
    }
}

<?php

class FormExample extends Page implements HasForms
{
    use InteractsWithForms;
    use HasHelperText;

    protected static ?string $navigationIcon = 'heroicon-o-document-text';

    protected static string $view = 'filament.pages.form';

    public ?array $data = [];

    public function mount(): void
    {
        $this->form->fill();
    }

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                Section::make('Publishing')
                    ->description('Settings for publishing this post.')
                    ->schema([
                        Select::make('status')
                            ->options([
                                'draft'     => 'Draft',
                                'reviewing' => 'Reviewing',
                                'published' => 'Published',
                            ])
                            ->live()
                            ->helperText(fn(Get $get) => match ($get('status')) {
                                'draft', 'reviewing'
                                => str('This post **will not be visible** to the public until it is published.')
                                    ->inlineMarkdown()->toHtmlString(),
                                'published'
                                => str('This post **is visible** to the public.')->inlineMarkdown()->toHtmlString(),
                                default => '',
                            })->live(),
                        DateTimePicker::make('published_at')
                            ->hidden(fn(Get $get) => $get('status') !== 'published'),
                    ]),
            ]);
    }
}