# Docked window to popup window

**URL:** <https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703>\
**Category:** Ignition\
**Created:** [April 13, 2018, 12:53pm UTC](https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703 "2018-04-13T12:53:14Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![mcarritt1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mcarritt1/32/4262_2.png) [@mcarritt1](https://forum.inductiveautomation.com/u/mcarritt1)\
**Post date:** [April 13, 2018, 12:53pm UTC](https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703/1 "2018-04-13T12:53:14Z")

</div>

Is there a way to have a docked window work with a popup window? I’m playing with the dock index but it’s not doing what I want.

My situation is that I have a graph popup with a ton of configuration options, but the options take up a lot of screen real estate. I’d like the user to be able to hide them and have the graph take up the full window. Additionally I would like the user to be able to move and resize the popup, and I don’t want to go through the trouble of scripting all of the graph resizing manually.

---

<div class="post-metadata">

**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\
**Post date:** [April 15, 2018, 9:13pm UTC](https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703/2 "2018-04-15T21:13:37Z")

</div>

I would put a container on the window that holds all of the configuration, then just show/hide it based on a button.

---

<div class="post-metadata">

**Author:** ![mcarritt1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mcarritt1/32/4262_2.png) [@mcarritt1](https://forum.inductiveautomation.com/u/mcarritt1)\
**Post date:** [April 25, 2018, 10:28am UTC](https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703/3 "2018-04-25T10:28:10Z")

</div>

I tried that, but the easy chart doesn’t resize when the container is hidden. Is there a way to resize the easy chart component dynamically? The user can resize the window so the size of the easy chart wouldn’t be static.

---

<div class="post-metadata">

**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\
**Post date:** [April 25, 2018, 11:25am UTC](https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703/4 "2018-04-25T11:25:28Z")

</div>

Don’t put the chart in the container and make it full screen.  
Put the configuration options in the container, then show/hide it above the chart.  
Make sure the container is all the way to the front layer wise.

---

<div class="post-metadata">

**Author:** ![mcarritt1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mcarritt1/32/4262_2.png) [@mcarritt1](https://forum.inductiveautomation.com/u/mcarritt1)\
**Post date:** [April 27, 2018, 12:52pm UTC](https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703/5 "2018-04-27T12:52:52Z")

</div>

Well that just covers up part of the graph with the config options, it didn’t resize it. I thought I saw that component resizing somewhere before.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [April 27, 2018, 1:13pm UTC](https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703/6 "2018-04-27T13:13:26Z")

</div>

Set the chart to anchored layout, locked to all four sides. With the rest of @MMaynard’s suggestions.

---

<div class="post-metadata">

**Author:** ![mcarritt1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mcarritt1/32/4262_2.png) [@mcarritt1](https://forum.inductiveautomation.com/u/mcarritt1)\
**Post date:** [April 27, 2018, 1:21pm UTC](https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703/7 "2018-04-27T13:21:35Z")

</div>

that’s what i’ve done, the chart size doesn’t change?

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [April 27, 2018, 1:54pm UTC](https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703/8 "2018-04-27T13:54:53Z")

</div>

Is the chart in a container? If so, you need it to be anchored on all four sides, too.

---

<div class="post-metadata">

**Author:** ![mcarritt1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mcarritt1/32/4262_2.png) [@mcarritt1](https://forum.inductiveautomation.com/u/mcarritt1)\
**Post date:** [May 30, 2018, 12:32pm UTC](https://forum.inductiveautomation.com/t/docked-window-to-popup-window/17703/9 "2018-05-30T12:32:50Z")

</div>

ok sorry for the late reply I got busy with a bunch of stuff for a while there.

so here is everything I am doing from scratch:

[![CloudApp](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/b/bbb7227087597f6333bc2e60c9fb72411676621b.gif "Screen recording 2018-05-30 at 02.30.01 PM") ](https://cl.ly/Blupywzp)
