Hi everyone Adrian M
# avo-2
c
Hi, @everyone @User I'm absolutely loving AVO 2.0! 🌟 I've got this brilliant idea of showing not just one, but two filters simultaneously. 🎉 As you can see in the attached image, it would be fantastic if we could make it happen. 😊 Currently, the documentation mentions using only one filter, but I'm wondering if there's a way to embrace the magic of more than one filter at the same time?. 🌈

https://cdn.discordapp.com/attachments/740893011994738751/1133735041529294948/Screenshot_2023-07-26_at_4.53.39_PM.pngâ–¾

l
hey hey
do you mean like users have three filters?

https://cdn.discordapp.com/attachments/1133735041785139230/1133743004453195816/CleanShot_2023-07-26_at_15.49.52.pngâ–¾

just add more
filter
declarations to your resource
c
No, sorry I haven't explain much about filter. this is one that I want to replicate.

https://cdn.discordapp.com/attachments/1133735041785139230/1133743318157766746/Screenshot_2023-07-26_at_5.50.40_PM.pngâ–¾

I need two separate filter buttons with drop-down menus.
Just imagine **filter 1 and filter 2 ** as shown in the attachment are AVO filters and the Drop-down containing filter options just like AVO filter. This is what I wanna achieve. Two separate filter panel buttons with two separate filters-panel drop-down menu.🤔

https://cdn.discordapp.com/attachments/1133735041785139230/1133747600076587098/Screenshot_2023-07-26_at_6.01.54_PM.pngâ–¾

@lemon-wall-20836 you there?, Is that possible with AVO? If not then I will try to use any other way to achieve this.
l
sorry. went into a call
not by default
you can override that component and duplicate the button on your side
I would have a conversation with your designer, or who requires this and tell them that it would be much simpler and cheaper to use the filters as they are
c
Yes, you are right, this is not a right to show two filters because these functions are doing same functionality. But overall this is the final design from the Client side, and he want that. So maybe we can use a Sort button or something similar like this. What you suggest?
l
you can use whatever you want 🙂
this is the file that you'd need to override in your app
but then you'll have to ensure that it doesn't break on updates
we don't publish breaking changes for partials or components
again. it's totally doable, but I would argue that that time is better spent talking to the client and explaining why this is better. many platforms use the same pattern. Usign multiple buttons might cause other issues on mobile screens where filters don't fit. there might be too many dropdowns on the toolbar, etc
let me know how it goes
c
Thanks, I explain that to my Client during lunch break.
And he said the first one is Filter button and the second one is Sort button for the records sorting. Filter is working fine as I need. but for sorting we don't have this type of UI right? instead we sort our records by clicking the fields.
6 Views