# Create filter button

**URL:** <https://community.weweb.io/t/create-filter-button/7669>\
**Category:** How do I?\
**Tags:** weweb\
**Created:** [March 20, 2024, 4:49pm UTC](https://community.weweb.io/t/create-filter-button/7669 "2024-03-20T16:49:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![GSr](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/gsr/32/7506_2.png) [@GSr](https://community.weweb.io/u/GSr)\
**Post date:** [March 20, 2024, 4:49pm UTC](https://community.weweb.io/t/create-filter-button/7669/1 "2024-03-20T16:49:25Z")

</div>

Hello good afternoon everyone!..

I need to create a button, after clicking it opens a window below with some filters that I will configure… but I’m having difficulty creating it… could you help me?

---

<div class="post-metadata">

**Author:** ![nick](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/nick/32/14997_2.png) [@nick](https://community.weweb.io/u/nick)\
**Post date:** [March 20, 2024, 6:18pm UTC](https://community.weweb.io/t/create-filter-button/7669/2 "2024-03-20T18:18:00Z")

</div>

Do you have any video or screen shots of what your set up looks like or what you are trying to do?

---

<div class="post-metadata">

**Author:** ![GSr](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/gsr/32/7506_2.png) [@GSr](https://community.weweb.io/u/GSr)\
**Post date:** [March 20, 2024, 6:24pm UTC](https://community.weweb.io/t/create-filter-button/7669/3 "2024-03-20T18:24:39Z")

</div>

I need to do this filter, when I click, this window appears… I recorded a template as an example to better understand

https://www.loom.com/embed/ece48705e265441d8bc641ee34b86990

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [March 20, 2024, 7:14pm UTC](https://community.weweb.io/t/create-filter-button/7669/4 "2024-03-20T19:14:17Z")

</div>

Use the dropdown element 🙂 And then you can nest fields in it.

---

<div class="post-metadata">

**Author:** ![nick](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/nick/32/14997_2.png) [@nick](https://community.weweb.io/u/nick)\
**Post date:** [March 20, 2024, 7:15pm UTC](https://community.weweb.io/t/create-filter-button/7669/5 "2024-03-20T19:15:26Z")

</div>

![dropdown element](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0e9db9028c1c998623292704ca67048648ef8293.png)

---

<div class="post-metadata">

**Author:** ![GSr](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/gsr/32/7506_2.png) [@GSr](https://community.weweb.io/u/GSr)\
**Post date:** [March 20, 2024, 8:23pm UTC](https://community.weweb.io/t/create-filter-button/7669/6 "2024-03-20T20:23:12Z")

</div>

Now I have another problem, when I click on my dropdown, it doesn’t overlap the lower screen  
 ![Screenshot_1](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/ee01075a31f06db8e429beba5c63aa46c4b68dc0.png)

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [March 20, 2024, 9:15pm UTC](https://community.weweb.io/t/create-filter-button/7669/7 "2024-03-20T21:15:12Z")

</div>

You need to set up the z-axis setting on your dropdown