sadiqgoni13 Comments - Answer Overflow

The issue you’re facing is that when editing a record, the value retrieved from the $get('row_type') is an integer, whereas during the creation process, it's an Enum instance. Instead of modifying the visible condition, you can modify the field setup to always return an Enum instance, whether you're creating or editing. This can be done by transforming the value using the afterStateHydrated method.

Forms\Components\Select::make('row_type')
    ->label(Helpers::translate('Row Type'))
    ->options(RowType::class)
    ->default(RowType::NORMAL)
    ->live()
    ->required()
    ->native(false)
    ->afterStateHydrated(function ($component, $state) {
        if (is_numeric($state)) {
            $component->state(RowType::from($state));
        }
    }),

Forms\Components\Select::make('row_type')
    ->label(Helpers::translate('Row Type'))
    ->options(RowType::class)
    ->default(RowType::NORMAL)
    ->live()
    ->required()
    ->native(false)
    ->afterStateHydrated(function ($component, $state) {
        if (is_numeric($state)) {
            $component->state(RowType::from($state));
        }
    }),

7 replies

FFilament

•Created by sadiqgoni13 on 3/22/2024 in #❓┊help

Navigation Group Arrangement

Thankyou

5 replies

FFilament

•Created by sadiqgoni13 on 3/7/2024 in #❓┊help

Group By in table

Okay Thankyou

6 replies

FFilament

•Created by sadiqgoni13 on 3/7/2024 in #❓┊help

Group By in table

Please anyone

6 replies

FFilament

•Created by seniordev on 3/7/2024 in #❓┊help

Hiring a senior mobile app developer from India or Pakistan

Please dont post this here

3 replies

FFilament

•Created by sadiqgoni13 on 1/19/2024 in #❓┊help

Table with sub-rows tree

Wow, it seems i need to group them based on what they have in common

6 replies

FFilament

•Created by sadiqgoni13 on 1/19/2024 in #❓┊help

Table with sub-rows tree

Please anyone

6 replies

FFilament

•Created by sadiqgoni13 on 1/26/2024 in #❓┊help

Add Image to Login Page

It works Thankyou

18 replies

FFilament

•Created by sadiqgoni13 on 1/26/2024 in #❓┊help

Add Image to Login Page

Yesss let me customize it by adding the image

18 replies

FFilament

•Created by sadiqgoni13 on 1/26/2024 in #❓┊help

Add Image to Login Page

18 replies

FFilament

•Created by sadiqgoni13 on 1/26/2024 in #❓┊help

Add Image to Login Page

sorry just curious i dont know what to add inside the view

<x-filament-panels::page>

</x-filament-panels::page>

<x-filament-panels::page>

</x-filament-panels::page>

18 replies

FFilament

•Created by sadiqgoni13 on 1/26/2024 in #❓┊help

Add Image to Login Page

The view

<x-filament-panels::page>

</x-filament-panels::page>

<x-filament-panels::page>

</x-filament-panels::page>

18 replies

FFilament

•Created by sadiqgoni13 on 1/26/2024 in #❓┊help

Add Image to Login Page

great ,now this is my Login Custom

<?php

namespace App\Filament\Pages\Auth;
use Filament\Forms\Components\Component;
use Filament\Forms\Components\Toggle;
use Filament\Pages\Auth\Login as BaseLogin;
use Filament\Pages\Page;

 class Login extends BaseLogin
{

    protected static string $view = 'filament.pages.auth.login';

    protected function getRememberFormComponent(): Component
    {
        return Toggle::make('remember')
            ->label(__('filament-panels::pages/auth/login.form.remember.label'));
    }
}

<?php

namespace App\Filament\Pages\Auth;
use Filament\Forms\Components\Component;
use Filament\Forms\Components\Toggle;
use Filament\Pages\Auth\Login as BaseLogin;
use Filament\Pages\Page;

 class Login extends BaseLogin
{

    protected static string $view = 'filament.pages.auth.login';

    protected function getRememberFormComponent(): Component
    {
        return Toggle::make('remember')
            ->label(__('filament-panels::pages/auth/login.form.remember.label'));
    }
}

18 replies

FFilament

•Created by sadiqgoni13 on 1/26/2024 in #❓┊help

Add Image to Login Page

how do you customize the view

18 replies

FFilament

•Created by sadiqgoni13 on 1/26/2024 in #❓┊help

Add Image to Login Page

this is my custome theme

.fi-simple-main {
    display: flex;
    justify-content: space-between;
}

.fi-simple-main .image-container img {
    max-width: 100%; 
}

.auth-nav-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 12px !important;
    margin-top: 9px !important;
    margin-right: 20px !important;
    margin-bottom: 2px !important;
    gap: 9px !important;
}

.auth-nav-menu .links {
    margin-right: 4px !important;
}

.fi-simple-layout .fi-simple-main {
    margin-top: 8px !important;
}

.fi-simple-layout .fi-simple-main-ctn {
    display: flex;
    align-items: center; 
    justify-content: center;
}

.fi-simple-main .image-container {
    width: 75%;
    background-image: url('/public/images/zamfaralogo.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.fi-simple-main .login-form {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.fi-simple-main {
    display: flex;
    justify-content: space-between;
}

.fi-simple-main .image-container img {
    max-width: 100%; 
}

.auth-nav-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 12px !important;
    margin-top: 9px !important;
    margin-right: 20px !important;
    margin-bottom: 2px !important;
    gap: 9px !important;
}

.auth-nav-menu .links {
    margin-right: 4px !important;
}

.fi-simple-layout .fi-simple-main {
    margin-top: 8px !important;
}

.fi-simple-layout .fi-simple-main-ctn {
    display: flex;
    align-items: center; 
    justify-content: center;
}

.fi-simple-main .image-container {
    width: 75%;
    background-image: url('/public/images/zamfaralogo.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.fi-simple-main .login-form {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

18 replies

Gaming

Programming