F
Filament•11mo ago
Susan

Customize the placeholder inside the search box

Is there any option to add a placeholder inside the search box of the table. For example: I need to show 'Search names' as the placeholder in the search box. Thanks
No description
3 Replies
Patrick Boivin
Patrick Boivin•11mo ago
You can change it in the translation files, but it's going to change the placeholder for all tables. I don't think there's a way to change it per table. https://github.com/filamentphp/filament/blob/3.x/packages/tables/resources/lang/en/table.php#L31
DrByte
DrByte•10mo ago
One possibility (although it's not perfect: it's not ideal to publish any core templates, for lots of reasons; but this is a proof-of-concept): In your ListModelName page (which extends ListRecords), add a new function: 
    protected function getPlaceholderText(): string
    {
        return __('filament-tables::table.fields.search.placeholder');
    }
    protected function getPlaceholderText(): string
    {
        return __('filament-tables::table.fields.search.placeholder');
    }
(you'll need to add that to ALL your List pages, else the template change below will be a problem) For any page you want to replace the default with something else, change the return value of that function, such as return 'Search Names'; like you mentioned above. Then clone and customize the template: Copy vendor/filament/tables/resources/views/components/search-field.blade.php to resources/views/vendor/filament-tables/components/search-field.blade.php and edit like this: 
...
        <x-filament::input
            autocomplete="off"
            inline-prefix
-            :placeholder="__('filament-tables::table.fields.search.placeholder')"
+            :placeholder="$this->getPlaceholderText()"
            type="search"
            :wire:model.live.debounce.500ms="$wireModel"
            x-bind:id="$id('input')"
...
...
        <x-filament::input
            autocomplete="off"
            inline-prefix
-            :placeholder="__('filament-tables::table.fields.search.placeholder')"
+            :placeholder="$this->getPlaceholderText()"
            type="search"
            :wire:model.live.debounce.500ms="$wireModel"
            x-bind:id="$id('input')"
...
wyChoong
wyChoong•10mo ago
It’s not recommended to publish filament’s views It would be better to pr that function
Want results from more Discord servers?
Add your server
More Posts
Infolisthow can I define Textinput based on selected radio button in infolist ..for instance if on page optiSelectFilter relationship fieldHello all, I have a users table, with a relation (HasOne) user_meta table. So the relationship is: Label Relation ManagerHi, how can I label these tabs?spatie-laravel-translatable-plugin using tabs for input fields that are translatableI would like to have an option to use tabs for translatable inputs and at the same time I would likeShow/hide toggle for input fields containing sensitive dataIt'd be great to have a built-in way of adding a show/hide toggle to input fields (screenshot attachHide relationship manager table from Edit viewHi I want to hide the relationship manager table from the Edit view. I can't find how to do it. > OnMultitenancyHello, is there any other package to use when enabling multi tenancy to use oauth2 for serving on fRepeatableEntry, state array data and suffix actions. How to get the repeatable state in the action.I have this infolist, $this->conversation->history returns an array (stored as JSON in the DB) : ```Delete confirmation textHow do i custumize the delete confirmation pop up text(V2) thanksFilter Resource ListI have an activity log and I want to create a notification log so I would need to add a scope to the