# Popup Under Component **URL:** \ **Category:** Ignition\ **Tags:** ignition81, perspective\ **Created:** [October 13, 2025, 5:07pm UTC](https://forum.inductiveautomation.com/t/popup-under-component/111403 "2025-10-13T17:07:48Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Phil\_B](https://avatars.discourse-cdn.com/v4/letter/p/c89c15/32.png) [@Phil\_B](https://forum.inductiveautomation.com/u/Phil_B)\ **Post date:** [October 13, 2025, 5:07pm UTC](https://forum.inductiveautomation.com/t/popup-under-component/111403/1 "2025-10-13T17:07:48Z")
For Perspective is there a good way to have a popup open directly under a component and match its width? (similar to how the datetime picker works) i can get it on a fixed style coordinate container but the view i need it on is a percent style coordinate container. i think all i would need is the size of the view then i can multiple by the position props, but that is proving hard to find. ---
**Author:** ![dillon](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dillon/32/81537_2.png) [@dillon](https://forum.inductiveautomation.com/u/dillon)\ **Post date:** [October 13, 2025, 5:16pm UTC](https://forum.inductiveautomation.com/t/popup-under-component/111403/2 "2025-10-13T17:16:53Z")
Use a flex container set to column direction and put both of the components in it. Then, have the “popup” component’s `meta.display` set to `False` and set it to `True` when you want it to be shown. ---
**Author:** ![dillon](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dillon/32/81537_2.png) [@dillon](https://forum.inductiveautomation.com/u/dillon)\ **Post date:** [October 13, 2025, 5:17pm UTC](https://forum.inductiveautomation.com/t/popup-under-component/111403/3 "2025-10-13T17:17:58Z")
Also, have you tried the relative positioning of an actual popup? It could display under the cursor, but not sure if you would compromise for that… ---
**Author:** ![Phil\_B](https://avatars.discourse-cdn.com/v4/letter/p/c89c15/32.png) [@Phil\_B](https://forum.inductiveautomation.com/u/Phil_B)\ **Post date:** [October 13, 2025, 5:18pm UTC](https://forum.inductiveautomation.com/t/popup-under-component/111403/4 "2025-10-13T17:18:10Z")
i like that idea. ill try that. ---
**Author:** ![Phil\_B](https://avatars.discourse-cdn.com/v4/letter/p/c89c15/32.png) [@Phil\_B](https://forum.inductiveautomation.com/u/Phil_B)\ **Post date:** [October 13, 2025, 5:18pm UTC](https://forum.inductiveautomation.com/t/popup-under-component/111403/5 "2025-10-13T17:18:50Z")
i did look into that but the cursor does work that well for my needs. ---
**Author:** ![Phil\_B](https://avatars.discourse-cdn.com/v4/letter/p/c89c15/32.png) [@Phil\_B](https://forum.inductiveautomation.com/u/Phil_B)\ **Post date:** [October 13, 2025, 5:34pm UTC](https://forum.inductiveautomation.com/t/popup-under-component/111403/6 "2025-10-13T17:34:02Z")
![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/1/41b1dc023b5c785eb5373b86940497c44d9d7083.png) here is a screen shot of what im trying to do (scaling is off i need to refine that later). the flex container idea works visually but it leaves an empty part of the container when not showing the selection part. i want to put this in a place above a view with historical data/charts and i want the selection section to not get in the way of whats under it. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/5/65ca56baa7a1f02143399e6568acdff9d699c283.png) this is the date time input component which is close to what im wanting to do. ---
**Author:** ![dillon](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dillon/32/81537_2.png) [@dillon](https://forum.inductiveautomation.com/u/dillon)\ **Post date:** [October 13, 2025, 5:41pm UTC](https://forum.inductiveautomation.com/t/popup-under-component/111403/7 "2025-10-13T17:41:32Z")
If you have the basis for your container set to `auto`, controlling the meta.display property will shrink the container. On the other hand, using the visible property keeps it rendered so it will not change the container size. ---
**Author:** ![Phil\_B](https://avatars.discourse-cdn.com/v4/letter/p/c89c15/32.png) [@Phil\_B](https://forum.inductiveautomation.com/u/Phil_B)\ **Post date:** [October 13, 2025, 5:46pm UTC](https://forum.inductiveautomation.com/t/popup-under-component/111403/8 "2025-10-13T17:46:20Z")
the root container of the view is a coordinate container set to percent so there is no basis property for the entire flex container. i have basis for each item in the flex container only. ---
**Author:** ![Phil\_B](https://avatars.discourse-cdn.com/v4/letter/p/c89c15/32.png) [@Phil\_B](https://forum.inductiveautomation.com/u/Phil_B)\ **Post date:** [October 13, 2025, 5:52pm UTC](https://forum.inductiveautomation.com/t/popup-under-component/111403/9 "2025-10-13T17:52:19Z")
Just figure it out. There is the viewport property with width and height on the page level. using those i can multiply out with the position props. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/7/973fbfcad5458f26884260e58a49e6b19e87c504.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/9/d99e269ffacf3d2765907173ab853639e6340ada.png)