Issue when adding a sticky button to the panel using render hooks

I have this render hook

FilamentView::registerRenderHook(
    'panels::body.end',
    fn (): View => view('livewire.components.chat-ui'),
);

FilamentView::registerRenderHook(
    'panels::body.end',
    fn (): View => view('livewire.components.chat-ui'),
);

And I have this custom button

<div x-on:click="isOpen=!isOpen" x-cloak x-show="!isFull" class="fixed bottom-0 right-0 mb-4 mr-4">
    <button id="open-chat"
        class="flex items-center px-4 py-2 text-white transition duration-300 bg-blue-500 rounded-md hover:bg-blue-600">
        <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6">
            </path>
        </svg>
        tools
    </button>
</div>

<div x-on:click="isOpen=!isOpen" x-cloak x-show="!isFull" class="fixed bottom-0 right-0 mb-4 mr-4">
    <button id="open-chat"
        class="flex items-center px-4 py-2 text-white transition duration-300 bg-blue-500 rounded-md hover:bg-blue-600">
        <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6">
            </path>
        </svg>
        tools
    </button>
</div>

I want the button to be in the bottom-right side ?

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Issue when adding a sticky button to the panel using render hooks