Action Group Layout
Does anyone know a way to achieve the attached button layout within filament? I've tried to use an action group but I'd have to add a button and then an action group and there's a space between them. Ideally, I'd like the button and the action group connected.
The scenario is that I'd have a "Send Email" button, then in the dropdown bit would be 3 dots and in that dropdown there would be Send SMS, Call etc. Essentially, email will be used most of the time, and so I don't want the user to have to click the action group dropdown every time.
Thanks
8 Replies
Anyone? 😦
You want it like the attached?
If so that\s an action group with
->button()
->hiddenLabel(),
Apologies, I put in too many attachments and confused things... I'd like the layout like my first attachment (which is bootstrap). But based on your example...
I'd like the 3 dots to be part of the Notes button (as in no gap between them and they look 1 and the same)... In my case, they're all related actions to do with communication so I'd like the default (notes) to be Send Email - and then in the 3 dots have Send SMS, Send WhatsApp etc
I can do all the above except make the primary action and dots look like a single button group
I don't think it's possible. The best you can try is to add some CSS that targets exactly that actions
So I got this looking exactly how I wanted it by creating a custom action where its view includes both the primary actions and action groups 🥳
HOWEVER, none of the actions work anymore 🤦🏻♂️ I suspect it'll be something to do with me extending Action in my custom Action and it can't handle the chain of actions 😔
Did you overwrite the setup method and didn’t implement parent?
Nope, I didn't overwrite the setup method at all
It's essentially just a wrapper that returns an action and an action group in the view
Hm ...