Filament•9mo ago

Adding an icon to the View option in a RelationManager tab

I'm using the hasCombinedRelationManagerTabsWithContent() method to add tabs to my resource ViewRecord, but I can't manage to add an icon to the View tab :( For the relation icons I did using the icon property.

public static function getRelations(): array
    {
        return [
            //
            RelationGroup::make('Consultas', [
                RelationManagers\ConsultasRelationManager::class,
            ])->icon('heroicon-o-rectangle-stack'),
            RelationGroup::make('Orcamentos', [
                RelationManagers\OrcamentosRelationManager::class,
            ])->icon('heroicon-o-currency-dollar'),
        ];
    }

public static function getRelations(): array
    {
        return [
            //
            RelationGroup::make('Consultas', [
                RelationManagers\ConsultasRelationManager::class,
            ])->icon('heroicon-o-rectangle-stack'),
            RelationGroup::make('Orcamentos', [
                RelationManagers\OrcamentosRelationManager::class,
            ])->icon('heroicon-o-currency-dollar'),
        ];
    }

14 Replies

Lara Zeus•9mo ago

in the relation class protected static ?string $icon = 'heroicon-m-eye';

ruddyOP•9mo ago

yeah, did that on the relationmanager, but in the resource view option itself is not working similar to the <#1200379146287718460> question

Lara Zeus•9mo ago

the Visualizar page is a relation? or view page? I see Consultas has an icon!

ruddyOP•9mo ago

a view page

Lara Zeus•9mo ago

try add the $navigationIcon to the view class

ruddyOP•9mo ago

class ViewPaciente extends ViewRecord
{
    protected static string $resource = PacienteResource::class;

    protected static ?string $navigationIcon = 'heroicon-m-eye';

    protected function getHeaderActions(): array
    {
        return [
            Actions\EditAction::make(),
        ];
    }

    public function hasCombinedRelationManagerTabsWithContent(): bool
    {
        return true;
    }
}

class ViewPaciente extends ViewRecord
{
    protected static string $resource = PacienteResource::class;

    protected static ?string $navigationIcon = 'heroicon-m-eye';

    protected function getHeaderActions(): array
    {
        return [
            Actions\EditAction::make(),
        ];
    }

    public function hasCombinedRelationManagerTabsWithContent(): bool
    {
        return true;
    }
}

still nothing

Lara Zeus•9mo ago

I am using it here, but been searching how and cant found it lol https://demo.larazeus.com/admin/forms/feedback this def works

class ViewForm extends ViewRecord
{
    protected static ?string $navigationIcon = 'heroicon-o-user';

    protected static string $resource = FormResource::class;
}

class ViewForm extends ViewRecord
{
    protected static ?string $navigationIcon = 'heroicon-o-user';

    protected static string $resource = FormResource::class;
}

ruddyOP•9mo ago

for me it doesnt, lol

ruddyOP•9mo ago

using the following code

Lara Zeus•9mo ago

really weird try $activeNavigationIcon and also use the getters function getNavigationIcon

ruddyOP•9mo ago

it's weird because if i use a record subnavigation it shows the icon, but in the relationmanager tab it doesn't :(

ruddyOP•9mo ago

fixed that going to filament/resources/views/components/resources/relation-managers.blade.php view and passing the getNavigationIcon on the icon param on x-filament::tabs.item livewire component

<x-filament::tabs.item           
                    :icon="filled($tabKey) ? ($isGroup ? $manager->getIcon() : $manager::getIcon($ownerRecord, $pageClass)) : $this->getNavigationIcon()"
                >
                    @if (filled($tabKey))
                        {{ $isGroup ? $manager->getLabel() : $manager::getTitle($ownerRecord, $pageClass) }}
                    @elseif ($content)
                        {{ $contentTabLabel }}
                    @endif
</x-filament::tabs.item>

<x-filament::tabs.item           
                    :icon="filled($tabKey) ? ($isGroup ? $manager->getIcon() : $manager::getIcon($ownerRecord, $pageClass)) : $this->getNavigationIcon()"
                >
                    @if (filled($tabKey))
                        {{ $isGroup ? $manager->getLabel() : $manager::getTitle($ownerRecord, $pageClass) }}
                    @elseif ($content)
                        {{ $contentTabLabel }}
                    @endif
</x-filament::tabs.item>

Lara Zeus•9mo ago

I hope you didnt edit the file in the vendor? I guess you're on older version!

ruddyOP•9mo ago

nope, running on latest version of filament. but nevermind, I just changed the relationmanager tab to a resource subnavigation that works fine with icons and looks the same :)

Gaming

Programming

Adding an icon to the View option in a RelationManager tab