Jamie Cee Comments - Answer Overflow

Jamie Cee

•Created by Jamie Cee on 4/24/2025 in #❓┊help

Tailwind setup not entirely working

Fairly confused as tailwinds grid layout etc all seems to work, but certain things dont, yet are set out in the tailwind docs to be correct. I am using 3.4.17

6 replies

FFilament

•Created by Jamie Cee on 4/14/2025 in #❓┊help

User Menu to sidebar

Ah, so that part with the search and user menu at the top, is different to ->topbar(), gotcha

18 replies

FFilament

•Created by Jamie Cee on 4/14/2025 in #❓┊help

User Menu to sidebar

18 replies

FFilament

•Created by Jamie Cee on 4/14/2025 in #❓┊help

User Menu to sidebar

Excellent. Thank you for your help 🙂

18 replies

FFilament

•Created by Jamie Cee on 4/14/2025 in #❓┊help

User Menu to sidebar

18 replies

FFilament

•Created by Jamie Cee on 4/14/2025 in #❓┊help

User Menu to sidebar

Ill give it a go now, just got into work

18 replies

FFilament

•Created by Jamie Cee on 4/14/2025 in #❓┊help

User Menu to sidebar

Ah, fair haha

18 replies

FFilament

•Created by Jamie Cee on 4/14/2025 in #❓┊help

User Menu to sidebar

im guessing the technically, would be unadvisory?

18 replies

FFilament

•Created by Jamie Cee on 4/14/2025 in #❓┊help

User Menu to sidebar

Currently got

        FilamentView::registerRenderHook(
            PanelsRenderHook::SIDEBAR_FOOTER,
            static fn() => view('filament-panels::components.user-menu'),
        );

        FilamentView::registerRenderHook(
            PanelsRenderHook::SIDEBAR_FOOTER,
            static fn() => view('filament-panels::components.user-menu'),
        );

And getting: Undefined variable $attributes

18 replies

FFilament

•Created by Jamie Cee on 4/14/2025 in #❓┊help

User Menu to sidebar

Do I call the user menu render hook as the second param?

18 replies

FFilament

•Created by Jamie Cee on 4/11/2025 in #❓┊help

Guidance on custom tab blade views

Wondering if the issue is related to the fact Im trying to use a widget view rather than a table?

5 replies

FFilament

•Created by Jamie Cee on 4/11/2025 in #❓┊help

Guidance on custom tab blade views

Current issue, when I try to change tab, I get Method App\Filament\Pages\WorkSchedulePage::resetPage does not exist.

5 replies

FFilament

•Created by Jamie Cee on 4/11/2025 in #❓┊help

Guidance on custom tab blade views

And my page class:

class WorkSchedulePage extends Page
{
    use HasTabs;

    protected static ?string $navigationIcon = 'heroicon-o-document-text';

    protected static string $view = 'filament.pages.work-schedule-page';

    // public function resetPage()
    // {
    //     // Reset the page state when switching tabs
    //     $this->reset('activeTab');
    // }


    public function getTabs(): array
    {
        return [
            'tab1' => Tab::make('Work Week Schedule')
                ->label('Work Week Schedule')
                // ->view(\App\Filament\Widgets\WorkWeekScheduleWidget::class)
                ->icon('heroicon-o-calendar')
                ->badge(null)
                ->badgeColor('success'),

            'tab2' => Tab::make('Work Schedule Team Schedule')
                ->label('Work Schedule Team Schedule')
                // ->view(\App\Filament\Widgets\WorkWeekScheduleWidgetTeam::class)
                ->icon('heroicon-o-clipboard')
                ->badge(null)
                ->badgeColor(null),
        ];

    }
}

class WorkSchedulePage extends Page
{
    use HasTabs;

    protected static ?string $navigationIcon = 'heroicon-o-document-text';

    protected static string $view = 'filament.pages.work-schedule-page';

    // public function resetPage()
    // {
    //     // Reset the page state when switching tabs
    //     $this->reset('activeTab');
    // }


    public function getTabs(): array
    {
        return [
            'tab1' => Tab::make('Work Week Schedule')
                ->label('Work Week Schedule')
                // ->view(\App\Filament\Widgets\WorkWeekScheduleWidget::class)
                ->icon('heroicon-o-calendar')
                ->badge(null)
                ->badgeColor('success'),

            'tab2' => Tab::make('Work Schedule Team Schedule')
                ->label('Work Schedule Team Schedule')
                // ->view(\App\Filament\Widgets\WorkWeekScheduleWidgetTeam::class)
                ->icon('heroicon-o-clipboard')
                ->badge(null)
                ->badgeColor(null),
        ];

    }
}

5 replies

FFilament

•Created by Jamie Cee on 4/9/2025 in #❓┊help

Icons in a blade

Ill give them a go tomorrow, thank you 🙂

6 replies

FFilament

•Created by Jamie Cee on 4/8/2025 in #❓┊help

Calendar plugin as a custom page rather than a widget

I do have a bad habit of asking questions before trying 🤦‍♀️ 🤣 So far its on the page, so thank you 🤣

8 replies

FFilament

•Created by Jamie Cee on 4/8/2025 in #❓┊help

Calendar plugin as a custom page rather than a widget

As within the view, like this example?

<div>
    @livewire(\App\Livewire\Dashboard\PostsChart::class)
</div>

<div>
    @livewire(\App\Livewire\Dashboard\PostsChart::class)
</div>

8 replies

FFilament

•Created by Jamie Cee on 4/8/2025 in #❓┊help

Calendar plugin as a custom page rather than a widget

Latest blade:

<x-filament-panels::page>
    <div wire:ignore x-ignore ax-load
        ax-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('calendar-widget', 'guava/calendar') }}"
        x-data="calendarWidget({
        view: @js($this->getCalendarView()),
        locale: @js($this->getLocale()),
        firstDay: @js($this->getFirstDay()),
        eventContent: @js($this->getEventContentJs()),
        resourceLabelContent: @js($this->getResourceLabelContentJs()),
        eventClickEnabled: @js($eventClickEnabled),
        eventDragEnabled: @js($eventDragEnabled),
        eventResizeEnabled: @js($eventResizeEnabled),
        noEventsClickEnabled: @js($noEventsClickEnabled),
        dateClickEnabled: @js($dateClickEnabled),
        dateSelectEnabled: @js($dateSelectEnabled),
        viewDidMountEnabled: @js($viewDidMountEnabled),
        eventAllUpdatedEnabled: @js($eventAllUpdatedEnabled),
        onEventResizeStart: @js($onEventResizeStart),
        onEventResizeStop: @js($onEventResizeStop),
        dayMaxEvents: @js($this->dayMaxEvents()),
        moreLinkContent: @js($this->getMoreLinkContentJs()),
        resources: @js($this->getResourcesJs()),
        hasDateClickContextMenu: @js($hasDateClickContextMenu),
        hasDateSelectContextMenu: @js($hasDateSelectContextMenu),
        hasEventClickContextMenu: @js($hasEventClickContextMenu),
        hasNoEventsClickContextMenu: @js($hasNoEventsClickContextMenu),
        options: @js($this->getOptions()),
        dayHeaderFormat: {{$dayHeaderFormatJs}},
        slotLabelFormat: {{$slotLabelFormatJs}},
    })">
        <div id="calendar"></div>
        <x-guava-calendar::context-menu />
    </div>
</x-filament-panels::page>

<x-filament-panels::page>
    <div wire:ignore x-ignore ax-load
        ax-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('calendar-widget', 'guava/calendar') }}"
        x-data="calendarWidget({
        view: @js($this->getCalendarView()),
        locale: @js($this->getLocale()),
        firstDay: @js($this->getFirstDay()),
        eventContent: @js($this->getEventContentJs()),
        resourceLabelContent: @js($this->getResourceLabelContentJs()),
        eventClickEnabled: @js($eventClickEnabled),
        eventDragEnabled: @js($eventDragEnabled),
        eventResizeEnabled: @js($eventResizeEnabled),
        noEventsClickEnabled: @js($noEventsClickEnabled),
        dateClickEnabled: @js($dateClickEnabled),
        dateSelectEnabled: @js($dateSelectEnabled),
        viewDidMountEnabled: @js($viewDidMountEnabled),
        eventAllUpdatedEnabled: @js($eventAllUpdatedEnabled),
        onEventResizeStart: @js($onEventResizeStart),
        onEventResizeStop: @js($onEventResizeStop),
        dayMaxEvents: @js($this->dayMaxEvents()),
        moreLinkContent: @js($this->getMoreLinkContentJs()),
        resources: @js($this->getResourcesJs()),
        hasDateClickContextMenu: @js($hasDateClickContextMenu),
        hasDateSelectContextMenu: @js($hasDateSelectContextMenu),
        hasEventClickContextMenu: @js($hasEventClickContextMenu),
        hasNoEventsClickContextMenu: @js($hasNoEventsClickContextMenu),
        options: @js($this->getOptions()),
        dayHeaderFormat: {{$dayHeaderFormatJs}},
        slotLabelFormat: {{$slotLabelFormatJs}},
    })">
        <div id="calendar"></div>
        <x-guava-calendar::context-menu />
    </div>
</x-filament-panels::page>