Plugins
Translatable Field
A plugin designed to manage translations and display selected fields in different languages.
Form Builder
Form Editor Field
Form Field
Dark theme support
No
Multi language support
Yes
Compatible with the latest version
Supported versions: 2.x - 3.x
Documentation

translatableFieldHeader

This package enables you to implement the following:

  1. Render a language selector to change the localized field
  2. You can save your localized fields data in one click
  3. You can use it in your relationship manager to show the localized fields

translatableField

This package depends on spatie/laravel-translatable, Please check it first to set up your translation logic in your project.

#Installation

You can install the package via composer:

composer require 34ml/filament-translatable-field

You can publish the config file with:

php artisan vendor:publish --tag="filament-translatable-field-config"

This is the content of the published config file where fields are created for each language listed here

return [
'locales' => [
'en' => 'English',
'ar' => 'Arabic',
],
'select_translation_field_name' => 'select_language',
];

#Translatable Field Usage

#Basic Usage

  • Just add the field in your resource, view, create,or edit pages inside the form function
..._34ML\FilamentTranslatableField::make(
'your_translatable_field_name',
\Filament\Forms\Components\TextInput::class, // The field type class
)
  • If you want to customize the label of the field
..._34ML\FilamentTranslatableField::make(
'your_translatable_field_name',
\Filament\Forms\Components\TextInput::class, // The field type class
'your_field_displayed_name', // Optional
)
  • If you want to add filament field functions
..._34ML\FilamentTranslatableField::make(
'your_translatable_field_name',
\Filament\Forms\Components\TextInput::class, // The field type class
// add your filament field functions as a callback, you can add it as one function
callbacks: function (){
$this->required();
$this->numeric();
return $this; // You have to return the field or the callbacks won't work
}
)

#Language Selector

If you want to add a language selector that shows only the selected language's fields instead of showing all fields you can simply add this field in your resource, view, create,or edit pages inside the form function

use _34ML\FilamentTranslatableField\Forms\Components\LanguageSelector;
 
return $form
->schema([
LanguageSelector::make(),
]);

#Relationship Manager

you need to add this code to your relationship manager

public static function getRecordTitle(?Model $record): ?string
{
return $record->getTranslation('your_title_column', config('filament-translatable-field.locales')[0]);
}

#Credits

#License

The MIT License (MIT). Please see License File for more information.

34ML

34ML (https://34ml.com) a software company based in Egypt, We connect businesses and users through innovative mobile apps, built with user experience, performance, and security in mind. Our expertise in AI, machine learning, VR, and AR allows us to create truly transformative experiences.

2
Plugins
24
Stars
More from this author
Featured Plugins