_andypeacock
_andypeacock
PostsComments
FFilament
Created by _andypeacock on 3/27/2025 in #❓┊help
Checkboxlist - disable click on label
Ah, fantastic, that stops the click event. Thanks @Leandro Ferreira
5 replies
FFilament
Created by _andypeacock on 3/24/2025 in #❓┊help
Relationship manager modal not opening
Still nothing obvious. Went for the "big red button" approach: rm -rf vendor && composer install. That fixed it. Coding is 50% intelligence. 50% copy-pasting. And 50%: "Huh. Didn't think that would work"
11 replies
FFilament
Created by _andypeacock on 3/24/2025 in #❓┊help
Relationship manager modal not opening
Appreciate your help anyway, Adam
11 replies
FFilament
Created by _andypeacock on 3/24/2025 in #❓┊help
Relationship manager modal not opening
And no other errors in the network tab
11 replies
FFilament
Created by _andypeacock on 3/24/2025 in #❓┊help
Relationship manager modal not opening
Not a thing, Adam. It's really confused me.
11 replies
FFilament
Created by _andypeacock on 1/24/2025 in #❓┊help
Anyone got a custom emailverification example?
Ah, forget this. I had some legacy middleware that I'd forgotten to remove that was interfering in things. Filament send the user to the dashboar panel, logged in, after verification, so the verification event fires immediately .
4 replies
FFilament
Created by _andypeacock on 12/28/2024 in #❓┊help
I have a livewire event handler on my resource create and edit pages like this:
Ah, got there: 
 #[On('copyToText')]
 public function handleCopyToText($content): void
 {
     $this->mountedTableActionsData[0]['text_content'] = $content;
 }
 #[On('copyToText')]
 public function handleCopyToText($content): void
 {
     $this->mountedTableActionsData[0]['text_content'] = $content;
 }
4 replies
FFilament
Created by _andypeacock on 11/24/2024 in #❓┊help
Change with of relationmanager modal
For anyone else, it goes in the relationmanager itself: 
public function table(Table $table) : Table
    {
        return $table
            ->recordTitleAttribute('subject')
            ->columns([
                Tables\Columns\TextColumn::make('subject'),
            ])
            ->filters([
                //
            ])
            ->headerActions([
                Tables\Actions\CreateAction::make()->modalWidth(MaxWidth::Screen),
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
                Tables\Actions\DeleteAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\DeleteBulkAction::make(),
                ]),
            ]);
    }
public function table(Table $table) : Table
    {
        return $table
            ->recordTitleAttribute('subject')
            ->columns([
                Tables\Columns\TextColumn::make('subject'),
            ])
            ->filters([
                //
            ])
            ->headerActions([
                Tables\Actions\CreateAction::make()->modalWidth(MaxWidth::Screen),
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
                Tables\Actions\DeleteAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\DeleteBulkAction::make(),
                ]),
            ]);
    }
6 replies
FFilament
Created by _andypeacock on 11/24/2024 in #❓┊help
Change with of relationmanager modal
Ah, thanks. I'd seen that but took a while to work out where it actually goes.
6 replies
FFilament
Created by _andypeacock on 7/8/2024 in #❓┊help
Sort within group in table
No, in the end I went for a custom blade file, as it wasn't a typical filament table page anyway.
4 replies
FFilament
Created by bionary on 6/26/2024 in #❓┊help
Anybody find a decent solution for table images to a lightbox?
Hi, don't thank me, thank cursor😀 Also, mine doesn't scale either, I realised later. I've parked it for now, as it wasn't critical for me.
10 replies
FFilament
Created by bionary on 6/26/2024 in #❓┊help
Anybody find a decent solution for table images to a lightbox?
Obvious, now I see the solution
10 replies
FFilament
Created by bionary on 6/26/2024 in #❓┊help
Anybody find a decent solution for table images to a lightbox?
Thanks Adam - Just replied with the same.
10 replies
FFilament
Created by bionary on 6/26/2024 in #❓┊help
Anybody find a decent solution for table images to a lightbox?
Actually, thanks to Cursor, I've already got a solution: 
Tables\Columns\TextColumn::make('name')
                    ->searchable()
                    ->action(
                        Action::make('viewThumbnail')
                            ->label('View Thumbnail')
                            ->icon('heroicon-o-photograph')
                            ->modalHeading(fn ($record) => "Thumbnail for {$record->name}")
                            ->modalContent(fn ($record) => view('filament.tables.thumbnail-modal', [ 'imageUrl' => $record->thumbnail_url ]))
                            ->modalSubmitAction(false)
                            ->modalCancelAction(false)
                    ),
Tables\Columns\TextColumn::make('name')
                    ->searchable()
                    ->action(
                        Action::make('viewThumbnail')
                            ->label('View Thumbnail')
                            ->icon('heroicon-o-photograph')
                            ->modalHeading(fn ($record) => "Thumbnail for {$record->name}")
                            ->modalContent(fn ($record) => view('filament.tables.thumbnail-modal', [ 'imageUrl' => $record->thumbnail_url ]))
                            ->modalSubmitAction(false)
                            ->modalCancelAction(false)
                    ),
Then the filament.tables.thumbnail_modal.blade.php: 
<div class="flex justify-center">
    <img src="{{ $imageUrl }}" alt="Block Thumbnail" class="max-w-full max-h-[80vh]">
</div>
<div class="flex justify-center">
    <img src="{{ $imageUrl }}" alt="Block Thumbnail" class="max-w-full max-h-[80vh]">
</div>
10 replies
FFilament
Created by bionary on 6/26/2024 in #❓┊help
Anybody find a decent solution for table images to a lightbox?
Hi @bionary I found the same problem as you. Did you find a solution?
10 replies
FFilament
Created by _andypeacock on 9/17/2024 in #❓┊help
A hint, not a question
Solution above
4 replies
FFilament
Created by justlasse on 1/11/2024 in #❓┊help
custom toggle action
app/Livewire/ToggleButton.php 
<?php

namespace App\Livewire;

use Filament\Actions\Action;
use Filament\Actions\Concerns\InteractsWithActions;
use Filament\Actions\Contracts\HasActions;
use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Forms\Contracts\HasForms;
use Livewire\Component;

class ToggleButton extends Component implements HasForms, HasActions
{
    use InteractsWithActions;
    use InteractsWithForms;

    public bool $isActive = false;
    public $name;
    public $label = "";

    public function mount($name, $initialState = false)
    {
        $this->name     = $name;
        $this->isActive = $initialState;
    }

    public function toggleAction() : Action
    {
        return Action::make('toggle')
            ->action(function (array $arguments) {
                $this->isActive = ! $this->isActive;
                $this->dispatch('toggleChanged', $arguments, $this->isActive);
            })
            ->view('filament.components.toggle');
    }

    public function render()
    {
        return view('livewire.toggle-button');
    }
}
<?php

namespace App\Livewire;

use Filament\Actions\Action;
use Filament\Actions\Concerns\InteractsWithActions;
use Filament\Actions\Contracts\HasActions;
use Filament\Forms\Concerns\InteractsWithForms;
use Filament\Forms\Contracts\HasForms;
use Livewire\Component;

class ToggleButton extends Component implements HasForms, HasActions
{
    use InteractsWithActions;
    use InteractsWithForms;

    public bool $isActive = false;
    public $name;
    public $label = "";

    public function mount($name, $initialState = false)
    {
        $this->name     = $name;
        $this->isActive = $initialState;
    }

    public function toggleAction() : Action
    {
        return Action::make('toggle')
            ->action(function (array $arguments) {
                $this->isActive = ! $this->isActive;
                $this->dispatch('toggleChanged', $arguments, $this->isActive);
            })
            ->view('filament.components.toggle');
    }

    public function render()
    {
        return view('livewire.toggle-button');
    }
}
resources/views/livewire/toggle-button.blade.php 
<button wire:click="mountAction('toggle', { name: 'showCompleted' })"
    class="{{ $isActive ? 'bg-green-500' : 'bg-gray-300' }} relative w-14 h-8 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-500">
    <span class="sr-only" x-text="$wire.entangle('isActive') ? 'On' : 'Off'"></span>
    <span
        class="{{ $isActive ? 'translate-x-6' : 'translate-x-0' }} absolute left-1 top-1 w-6 h-6 rounded-full bg-white shadow transform transition-transform duration-300 ease-in-out"></span>
</button>
<button wire:click="mountAction('toggle', { name: 'showCompleted' })"
    class="{{ $isActive ? 'bg-green-500' : 'bg-gray-300' }} relative w-14 h-8 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-500">
    <span class="sr-only" x-text="$wire.entangle('isActive') ? 'On' : 'Off'"></span>
    <span
        class="{{ $isActive ? 'translate-x-6' : 'translate-x-0' }} absolute left-1 top-1 w-6 h-6 rounded-full bg-white shadow transform transition-transform duration-300 ease-in-out"></span>
</button>
I'm still convinced there are some efficiencies that could be done there, but that works Hope that helps!
10 replies
FFilament
Created by justlasse on 1/11/2024 in #❓┊help
custom toggle action
OK, initial state sorted: In header actions: 
Action::make('toggle')
    ->action(function () {
        // This action will be handled by the Livewire component
        logger("filament toggle");
    })
    ->view('filament.components.toggle', [
        'label' => "Show completed?"
    ]),
Action::make('toggle')
    ->action(function () {
        // This action will be handled by the Livewire component
        logger("filament toggle");
    })
    ->view('filament.components.toggle', [
        'label' => "Show completed?"
    ]),
resources/views/filament/components/toggle.blade.php 
<div class="grid grid-cols-1 grid-rows-2 justify-items-center">
    <div>
        <livewire:toggle-button name="show-completed" :initial-state="true" />
    </div>
    <div>{{ $label }}</div>
</div>
<div class="grid grid-cols-1 grid-rows-2 justify-items-center">
    <div>
        <livewire:toggle-button name="show-completed" :initial-state="true" />
    </div>
    <div>{{ $label }}</div>
</div>
10 replies
FFilament
Created by justlasse on 1/11/2024 in #❓┊help
custom toggle action
And got it sorted. Except the initial state isn't working quite right. Will post code here later.
10 replies
FFilament
Created by justlasse on 1/11/2024 in #❓┊help
custom toggle action
Almost got it sorted. The livewire component is rendered via the action view() which renders a view consisting of only the livewire component (that seems inefficient, but it's the only way I know to render livewire in the view). The UI toggles, and it's internal state changes. Just need to work out how to get that state back into the action. I'll share code later today when I'm back at my pc
10 replies