@Bella Nguyen ,

what part are you having trouble with, the popup or the icon ?

Reading your question, I think the icon : I would just create 2 icons, one without and one with a dot, and put them in the true and false branch of an If.  The condition of the If checks whether a filter is applied (maybe by looking at the filter values, or maybe you want to have a separate boolean for that ...)

Dorine 

Hi @Bella Nguyen,

You can use a variable or an attribute just to now that if u have any values in the filters.
And Share an OML below. 

Regards,
Faiz

Hi @Bella Nguyen,

You can inspect that filter icon and check which CSS is overridding that's why it is showing dot after click or apply.

Regards,

Rajat

@Bella Nguyen 

I think you need to implement your own popup by css. the standard popup of Outsystems won't fit your need.

And about the red dot you can easily achieve it by css attached in attachment

Hi @Bella Nguyen 

To control size (width & height) of your popup use below CSS style

.popup-dialog {    

    min-width: 50vh;    

    height: 20vh;

}

and to manage position of your popup use below CSS style

.popup-backdrop {     

    justify-content:flex-end;

}

Just add the above CSS in the respective Screen style sheet section.

I hope this will help you.

Thanks
Deep

Consider using Overflow Menu (from OutSystems UI)

Here is its documentation.