# Responsive Popup Using Flex Container

**URL:** <https://forum.inductiveautomation.com/t/responsive-popup-using-flex-container/97502>\
**Category:** Ignition\
**Tags:** ignition80, perspective, scripting\
**Created:** [October 19, 2024, 4:06pm UTC](https://forum.inductiveautomation.com/t/responsive-popup-using-flex-container/97502 "2024-10-19T16:06:50Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Farhan\_Basheer](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/farhan_basheer/32/66759_2.png) [@Farhan\_Basheer](https://forum.inductiveautomation.com/u/Farhan_Basheer)\
**Post date:** [October 19, 2024, 4:06pm UTC](https://forum.inductiveautomation.com/t/responsive-popup-using-flex-container/97502/1 "2024-10-19T16:06:50Z")

</div>

I have created a view using a Flex container and would like to make this view a popup. On a mobile device when I open the popup, the root view becomes responsive, but the content inside requires manual dragging to view. However, when I manually resize the root, the content inside adjusts and becomes responsive as expected.

For a clearer understanding, please check out this video.

Here is the script I am using to open the popup:

```python
def runAction(self, event):
    # Log information to help debug
    system.perspective.print("Opening ConfirmationPopup")
    system.perspective.openPopup(
        id="Add_BrassTag",
        view="Popup/Add_BrassTag_Flex",
        params={
            "handler": "refresh_binding",
            "message": "",
            "payload": {
     
            },
            "popup_id": "",
            "source_id": self.view.id
        },
        title="Add New Brasstags",
        modal=True,
        resizable=True,
        draggable=False,
        viewportBound=True
        )
    
    # Log completion
    system.perspective.print("Add_BrassTag popup opened")

```

**My question** : How can I make the content inside the popup responsive without manually resizing the root?