# Reload UXP Panel when reopened?

**URL:** <https://forums.creativeclouddeveloper.com/t/reload-uxp-panel-when-reopened/2183>\
**Category:** UXP Plugin API\
**Created:** [November 7, 2020, 10:27pm UTC](https://forums.creativeclouddeveloper.com/t/reload-uxp-panel-when-reopened/2183 "2020-11-07T22:27:50Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ddbell](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/ddbell/32/1030_2.png) [@ddbell](https://forums.creativeclouddeveloper.com/u/ddbell)\
**Post date:** [November 7, 2020, 10:27pm UTC](https://forums.creativeclouddeveloper.com/t/reload-uxp-panel-when-reopened/2183/1 "2020-11-07T22:27:50Z")

</div>

Is there a way to automatically reload the panel when the panel window is closed and reopened?

location.reload(); works from a button to reset the panel. However, I would like to run this automatically whenever the panel is closed and reopened.

---

<div class="post-metadata">

**Author:** ![IanBarber](https://avatars.discourse-cdn.com/v4/letter/i/94ad74/32.png) [@IanBarber](https://forums.creativeclouddeveloper.com/u/IanBarber)\
**Post date:** [November 7, 2020, 10:38pm UTC](https://forums.creativeclouddeveloper.com/t/reload-uxp-panel-when-reopened/2183/2 "2020-11-07T22:38:41Z")

</div>

Not sure if this will do what you want.

//Determine if the panel is open or closed  
document.addEventListener(‘uxpcommand’, (event) =\> {  
const { commandId } = event  
if (commandId === ‘uxpshowpanel’) {  
console.log(“panel is showing”);  
showAlert(“Open”)  
} else if (commandId === ‘uxphidepanel’) {  
console.log(‘panel is hiding’);  
}  
})

---

<div class="post-metadata">

**Author:** ![ddbell](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/ddbell/32/1030_2.png) [@ddbell](https://forums.creativeclouddeveloper.com/u/ddbell)\
**Post date:** [November 7, 2020, 10:41pm UTC](https://forums.creativeclouddeveloper.com/t/reload-uxp-panel-when-reopened/2183/3 "2020-11-07T22:41:22Z")

</div>

Maybe. What document did you find that in? I searched through the docs but didn’t see that.

---

<div class="post-metadata">

**Author:** ![IanBarber](https://avatars.discourse-cdn.com/v4/letter/i/94ad74/32.png) [@IanBarber](https://forums.creativeclouddeveloper.com/u/IanBarber)\
**Post date:** [November 7, 2020, 10:53pm UTC](https://forums.creativeclouddeveloper.com/t/reload-uxp-panel-when-reopened/2183/4 "2020-11-07T22:53:28Z")

</div>

I found it in the Guides How To…

[https://www.adobe.io/photoshop/uxp/guides/how-to/](https://www.adobe.io/photoshop/uxp/guides/how-to/)

---

<div class="post-metadata">

**Author:** ![ddbell](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/ddbell/32/1030_2.png) [@ddbell](https://forums.creativeclouddeveloper.com/u/ddbell)\
**Post date:** [November 7, 2020, 10:56pm UTC](https://forums.creativeclouddeveloper.com/t/reload-uxp-panel-when-reopened/2183/5 "2020-11-07T22:56:24Z")

</div>

Thanks, I must have overlooked it in that document. I applied it like this and works exactly as I want it to. I like having the choice for the panel to stay persistent or to reload like this. With CEP, the panels always will reset. There are good use cases for each.

```
addEventListener('uxpcommand', (event) => {
const { commandId } = event;
if (commandId === 'uxpshowpanel') {location.reload();}
});
```
