# Creating Custom Dropdown

**URL:** <https://forum.inductiveautomation.com/t/creating-custom-dropdown/51940>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [October 14, 2021, 1:45pm UTC](https://forum.inductiveautomation.com/t/creating-custom-dropdown/51940 "2021-10-14T13:45:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kleppe85](https://avatars.discourse-cdn.com/v4/letter/k/c4cdca/32.png) [@Kleppe85](https://forum.inductiveautomation.com/u/Kleppe85)\
**Post date:** [October 14, 2021, 1:45pm UTC](https://forum.inductiveautomation.com/t/creating-custom-dropdown/51940/1 "2021-10-14T13:45:05Z")

</div>

Hi,  
I’m trying to create a custom dropdown using overflow:visible.  
The dropdown is placed on my “top” docked window.  
In the designer everything is working as designed, but when I try it in the runtime session, the dropdown list is displayed behind my “main window”… any way to manipulate the z-order here? 🙂

Designer:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/6/861f589249ce03540f22782e981cdb84d6e84d0b.png)

runtime session:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/a/1a1426fb5a722df3b613a0e80b1802efeb0f8b1b.png)

---

<div class="post-metadata">

**Author:** ![Kleppe85](https://avatars.discourse-cdn.com/v4/letter/k/c4cdca/32.png) [@Kleppe85](https://forum.inductiveautomation.com/u/Kleppe85)\
**Post date:** [October 15, 2021, 10:36am UTC](https://forum.inductiveautomation.com/t/creating-custom-dropdown/51940/2 "2021-10-15T10:36:07Z")

</div>

Seems like adding position to the style of the view was all that was neccessary 🙂