# Click and drag Perspective popup

**URL:** <https://forum.inductiveautomation.com/t/click-and-drag-perspective-popup/92127>\
**Category:** General Discussion\
**Tags:** perspective, vision\
**Created:** [June 19, 2024, 8:56pm UTC](https://forum.inductiveautomation.com/t/click-and-drag-perspective-popup/92127 "2024-06-19T20:56:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![bwirth](https://avatars.discourse-cdn.com/v4/letter/b/41988e/32.png) [@bwirth](https://forum.inductiveautomation.com/u/bwirth)\
**Post date:** [June 19, 2024, 8:56pm UTC](https://forum.inductiveautomation.com/t/click-and-drag-perspective-popup/92127/1 "2024-06-19T20:56:10Z")

</div>

I have a client that wants to be able to more a popup without having to be able to hit the title bar directly. This post looked to have what I was looking for but is for Vision. Anyone have a Perspective version of this functionality? Another possibility may be to increase the size of the title bar.

> [@Drag popup from click initiated anywhere in the window](https://forum.inductiveautomation.com/t/drag-popup-from-click-initiated-anywhere-in-the-window/7401):
>
> Hello out there in ignition land! astonished I have a question about moving windows… I would like the users to have the ability to click anywhere on a popup window and drag the window to wherever they like. The behavior I am trying to imitate is that of the designer login window (attached). In this window you can click (pretty much) anywhere and drag the window around. I have messed with the mouseMotion.mouseDragged event a bit…I figure you will have to evaluate the initial position of …

---

<div class="post-metadata">

**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\
**Post date:** [June 19, 2024, 9:28pm UTC](https://forum.inductiveautomation.com/t/click-and-drag-perspective-popup/92127/3 "2024-06-19T21:28:10Z")

</div>

I tried the following CSS, which appears to work for popups without a titlebar:

```python
.popup-header.ia_popup__header.header-no-title { height: 0px !important; }
.popup-drag { width: 100% !important; height: 100% !important; }

```

...but keep in mind that will probably cripple the ability to interact with any components inside the popup, since it essentially stretches the drag bar over top of the whole thing. You might be able to get around that by adding z-index to the components, which would mean the drag wouldn't work when clicking on _them_.

---

<div class="post-metadata">

**Author:** ![bwirth](https://avatars.discourse-cdn.com/v4/letter/b/41988e/32.png) [@bwirth](https://forum.inductiveautomation.com/u/bwirth)\
**Post date:** [June 19, 2024, 10:23pm UTC](https://forum.inductiveautomation.com/t/click-and-drag-perspective-popup/92127/4 "2024-06-19T22:23:55Z")

</div>

The popup-drag function looks to work for what I need. Just reduced the height to 40px, that way the reset of the window is open for interaction (may up this some, as I have one popup that this conflicts with). This works exactly like what they asked for. The height for the popup header may be good as well if they prefer that.

Thank you very kindly!