LeandroFerreira
LeandroFerreira
PostsComments
FFilament
Created by iHSAN on 1/21/2025 in #❓┊help
Upload file stuck at uploading status on coolify
try to force https
9 replies
FFilament
Created by Pedroesca on 1/21/2025 in #❓┊help
Halt reload table
I don't think so
3 replies
FFilament
Created by iHSAN on 1/21/2025 in #❓┊help
Upload file stuck at uploading status on coolify
console errors?
9 replies
FFilament
Created by charlie on 1/19/2025 in #❓┊help
How to use Alpine in Filament?
Filament V4 will provide afterStateUpdatedJs https://x.com/leandrocfe/status/1816568005020516788
26 replies
FFilament
Created by Ali Hassan on 1/21/2025 in #❓┊help
How to adjust customize image in rich text editor.
create a custom theme then, add to the theme.css 
trix-editor img {
    margin:auto;
}
trix-editor img {
    margin:auto;
}
5 replies
FFilament
Created by Ali Hassan on 1/21/2025 in #❓┊help
How to adjust customize image in rich text editor.
what code did you try?
5 replies
FFilament
Created by Abdulrehman on 1/21/2025 in #❓┊help
Profile page filament
I don't think
5 replies
FFilament
Created by __Dementor on 1/21/2025 in #❓┊help
SelectFilter doesn not work like I want
I think you can use $query->when(..) like this example
6 replies
FFilament
Created by Abdulrehman on 1/21/2025 in #❓┊help
Profile page filament
you need to develop it. You can use a custom livewire component with an Action modal form
5 replies
FFilament
Created by H.Bilbao on 1/21/2025 in #❓┊help
Is posbile to have 2 tables inside one livewire component?
I think they should be two LW components You can also use table widgets The widget is a LW component
3 replies
FFilament
Created by yohanan on 1/20/2025 in #❓┊help
Tailwind css not working on full-page livewire component
you can do this if you don't want to use TALL preset.. php artisan livewire:layout 
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
<!-- resources/views/components/layouts/app.blade.php -->
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>{{ $title ?? 'Page Title' }}</title>

        @vite('resources/css/app.css')
    </head>
    <body>

        <h1 class="text-3xl font-bold underline">
            Hello world!
        </h1>

        {{ $slot }}

        @vite('resources/js/app.js')
    </body>
</html>
<!-- resources/views/components/layouts/app.blade.php -->
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>{{ $title ?? 'Page Title' }}</title>

        @vite('resources/css/app.css')
    </head>
    <body>

        <h1 class="text-3xl font-bold underline">
            Hello world!
        </h1>

        {{ $slot }}

        @vite('resources/js/app.js')
    </body>
</html>
/* resources/css/app.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
/* resources/css/app.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
/* tailwind.config.js */
export default {
    content: [
        "./resources/**/*.blade.php",
        "./resources/views/livewire/*.blade.php",
    ],
    theme: {
        extend: {},
    },
    plugins: [],
}
/* tailwind.config.js */
export default {
    content: [
        "./resources/**/*.blade.php",
        "./resources/views/livewire/*.blade.php",
    ],
    theme: {
        extend: {},
    },
    plugins: [],
}
/* vite.config.js */
import { defineConfig } from 'vite'
import laravel, { refreshPaths } from 'laravel-vite-plugin'

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: [
                ...refreshPaths,
                'app/Livewire/**',
            ],
        }),
    ],
})
/* vite.config.js */
import { defineConfig } from 'vite'
import laravel, { refreshPaths } from 'laravel-vite-plugin'

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: [
                ...refreshPaths,
                'app/Livewire/**',
            ],
        }),
    ],
})
/* postcss.config.js */
export default {
    plugins: {
        tailwindcss: {},
        autoprefixer: {},
    },
};
/* postcss.config.js */
export default {
    plugins: {
        tailwindcss: {},
        autoprefixer: {},
    },
};
run npm run dev
24 replies
FFilament
Created by yohanan on 1/20/2025 in #❓┊help
Tailwind css not working on full-page livewire component
use TALL Stack preset https://tallstack.dev/
24 replies
FFilament
Created by yohanan on 1/20/2025 in #❓┊help
Tailwind css not working on full-page livewire component
If you want to install the TALL preset, you can use this If you want to use Filament Form builder, for example, you need to install the Form Builder assets, Tailwind, etc
24 replies
FFilament
Created by yohanan on 1/20/2025 in #❓┊help
Tailwind css not working on full-page livewire component
Are you using Filament outside the panel?
24 replies
FFilament
Created by Aethyrion on 1/16/2025 in #❓┊help
Testing modal form in resource relation
let me try that..
20 replies
FFilament
Created by charlie on 1/19/2025 in #❓┊help
How to use Alpine in Filament?
ok, I think you can also use an eventlistener like 
x-data="{
  my_text_input: $wire.entangle('my_text_input'),
  clickListener() {
    $el.addEventListener('click', () => {
        if (event.target.id === 'my_text_input') {
            console.log(this.my_text_input);
        }
    });
  }
}"

x-init="clickListener()"
x-data="{
  my_text_input: $wire.entangle('my_text_input'),
  clickListener() {
    $el.addEventListener('click', () => {
        if (event.target.id === 'my_text_input') {
            console.log(this.my_text_input);
        }
    });
  }
}"

x-init="clickListener()"
26 replies
FFilament
Created by charlie on 1/19/2025 in #❓┊help
How to use Alpine in Filament?
maybe $watch ? 
x-init="
    console.log(my_text_input);
    $watch('my_text_input', value => console.log(value))
"
x-init="
    console.log(my_text_input);
    $watch('my_text_input', value => console.log(value))
"
I think you can also use extraAlpineAttributes in the form fields like 
TextInput::make('my_text_input')
    ->extraAlpineAttributes(['x-on:click' => 'console.log(my_text_input)'])
TextInput::make('my_text_input')
    ->extraAlpineAttributes(['x-on:click' => 'console.log(my_text_input)'])
26 replies
FFilament
Created by Aethyrion on 1/16/2025 in #❓┊help
Testing modal form in resource relation
Did you solve it?
20 replies
FFilament
Created by Aethyrion on 1/16/2025 in #❓┊help
Testing modal form in resource relation
try callMountedTableAction() instead of callTableAction('create')
20 replies
FFilament
Created by Ibakha on 1/13/2025 in #❓┊help
Table actions returning the wrong records
probably an issue with your query. Try inspecting the view button in devtools and verify the id parameter in the mountTableAction
9 replies