F
Filament•6mo ago
Ostap Brehin 🇺🇦

Set max width for the resource modal (ManageRecords made via ` --simple`)

Is there a way to set the max width for the "create" modal? 
namespace App\Filament\Resources\TaskResource\Pages;

use App\Filament\Resources\TaskResource;
use Filament\Actions;
use Filament\Resources\Pages\ManageRecords;

class ManageTasks extends ManageRecords
{
    protected static string $resource = TaskResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make(),
        ];
    }
}
namespace App\Filament\Resources\TaskResource\Pages;

use App\Filament\Resources\TaskResource;
use Filament\Actions;
use Filament\Resources\Pages\ManageRecords;

class ManageTasks extends ManageRecords
{
    protected static string $resource = TaskResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make(),
        ];
    }
}
Solution:
use 
->modalWidth()
->modalWidth()
...
Jump to solution
2 Replies
Solution
Tieme
Tieme•6mo ago
use 
->modalWidth()
->modalWidth()
with one of below ENUMS 
enum MaxWidth: string
{
    case ExtraSmall = 'xs';

    case Small = 'sm';

    case Medium = 'md';

    case Large = 'lg';

    case ExtraLarge = 'xl';

    case TwoExtraLarge = '2xl';

    case ThreeExtraLarge = '3xl';

    case FourExtraLarge = '4xl';

    case FiveExtraLarge = '5xl';

    case SixExtraLarge = '6xl';

    case SevenExtraLarge = '7xl';

    case Full = 'full';

    case MinContent = 'min';

    case MaxContent = 'max';

    case FitContent = 'fit';

    case Prose = 'prose';

    case ScreenSmall = 'screen-sm';

    case ScreenMedium = 'screen-md';

    case ScreenLarge = 'screen-lg';

    case ScreenExtraLarge = 'screen-xl';

    case ScreenTwoExtraLarge = 'screen-2xl';

    case Screen = 'screen';
}
enum MaxWidth: string
{
    case ExtraSmall = 'xs';

    case Small = 'sm';

    case Medium = 'md';

    case Large = 'lg';

    case ExtraLarge = 'xl';

    case TwoExtraLarge = '2xl';

    case ThreeExtraLarge = '3xl';

    case FourExtraLarge = '4xl';

    case FiveExtraLarge = '5xl';

    case SixExtraLarge = '6xl';

    case SevenExtraLarge = '7xl';

    case Full = 'full';

    case MinContent = 'min';

    case MaxContent = 'max';

    case FitContent = 'fit';

    case Prose = 'prose';

    case ScreenSmall = 'screen-sm';

    case ScreenMedium = 'screen-md';

    case ScreenLarge = 'screen-lg';

    case ScreenExtraLarge = 'screen-xl';

    case ScreenTwoExtraLarge = 'screen-2xl';

    case Screen = 'screen';
}
Ostap Brehin 🇺🇦
Ostap Brehin 🇺🇦•6mo ago
Thank you very much! It worked Actions\CreateAction::make()->modalWidth(MaxWidth::Large),
Want results from more Discord servers?
Add your server
More Posts
Digital ocean spaces cors errorsi am trying upload image with ```FileUpload``` field, but i receive this:Make Image clickableIs there any method by which we can make an image clickable or do i need to make a custom componemt.Form: unknown column when using relationshipHi, I have a problem when I am trying to create or update a user for whom I have added a "InstitutioNavigation items keyby something other than labelHey, so I'm building custom user-based navigation for my filament panel. In some cases, there will bSpatie Translatable Plugin - On save auto selects different locale and hits validation errorAfter upgrading from v2 to v3 something weird is happening when saving translatable resources. As Class "App\Models\Category" not foundor any class not found. how can i solve it?Can't connect to database over SSHI have a server which has mysql installed. i have a key to ssh to it. it works. but now i wanna accehow to combine live() with money mask()how to combine live() with mask(RawJs::make('$money($input)')). when I combine them together the monHi Dev ;)How Totally Hidden Field Depands On Select Event On View And Edit Page Detail On video I want KeTesting table set activeTab and toggle all columnsCurrently setting the toggle session manually but wondering if that's a way of making this dynamic?