# Popup not available in the element navigator

**URL:** <https://community.weweb.io/t/popup-not-available-in-the-element-navigator/534>\
**Category:** Ask us anything\
**Tags:** popup\
**Created:** [May 15, 2022, 4:23pm UTC](https://community.weweb.io/t/popup-not-available-in-the-element-navigator/534 "2022-05-15T16:23:54Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![peter](https://avatars.discourse-cdn.com/v4/letter/p/278dde/32.png) [@peter](https://community.weweb.io/u/peter)\
**Post date:** [May 15, 2022, 4:23pm UTC](https://community.weweb.io/t/popup-not-available-in-the-element-navigator/534/1 "2022-05-15T16:23:54Z")

</div>

I’m not able to figure out how to see/edit the element hierarchy for a templated popup (add element \> basic \> open popup).

Am I missing something or is it not available? Makes building the display logic for conditional forms and proper layout quite difficult

---

<div class="post-metadata">

**Author:** ![kevinwasie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kevinwasie/32/402_2.png) [@kevinwasie](https://community.weweb.io/u/kevinwasie)\
**Post date:** [May 15, 2022, 11:08pm UTC](https://community.weweb.io/t/popup-not-available-in-the-element-navigator/534/2 "2022-05-15T23:08:25Z")

</div>

You can edit the popup once its open.

So, add the element to your layout, then go to the live preview and click the button.

Now, go back into edit mode and your popup will stay open and you can edit it.

I prefer to use the modals ([🎈 New Images, Popups & Toasts](https://community.weweb.io/t/new-images-popups-toasts/257)) since its all customizable and I can control the open/close and display/hide properties a little easier.

---

<div class="post-metadata">

**Author:** ![peter](https://avatars.discourse-cdn.com/v4/letter/p/278dde/32.png) [@peter](https://community.weweb.io/u/peter)\
**Post date:** [May 16, 2022, 3:38pm UTC](https://community.weweb.io/t/popup-not-available-in-the-element-navigator/534/3 "2022-05-16T15:38:56Z")

</div>

Yep that’s what I’ve been doing so far,

The difficulty is that without the element being in the hierarchy navigator - it’s more difficult to organize the layout and deal with conditional display on children elements (if you accidentally make display = false, it’s irreversible since you can’t select the element anymore)

I may have to setup a modal instead to make this manageable - just slightly bit more work

---

<div class="post-metadata">

**Author:** ![aurelie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aurelie/32/13249_2.png) [@aurelie](https://community.weweb.io/u/aurelie)\
**Post date:** [May 18, 2022, 1:58pm UTC](https://community.weweb.io/t/popup-not-available-in-the-element-navigator/534/4 "2022-05-18T13:58:03Z")

</div>

The modal also have a forced display option to help you edit it 🙂

---

<div class="post-metadata">

**Author:** ![fellowshipdevs](https://avatars.discourse-cdn.com/v4/letter/f/c37758/32.png) [@fellowshipdevs](https://community.weweb.io/u/fellowshipdevs)\
**Post date:** [May 26, 2022, 12:22pm UTC](https://community.weweb.io/t/popup-not-available-in-the-element-navigator/534/5 "2022-05-26T12:22:01Z")

</div>

Hi. So is there no way to display the popup element in the Navigator? Much, much easier to handle elements there.

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [May 30, 2022, 12:56pm UTC](https://community.weweb.io/t/popup-not-available-in-the-element-navigator/534/6 "2022-05-30T12:56:04Z")

</div>

> [@fellowshipdevs](#):
>
> So is there no way to display the popup element in the Navigator?

Hi @fellowshipdevs 👋

No, the popup element is a legacy element we don’t recommend using. We will develop a new one with better UX but, in the meantime, we recommend using the modals or toast templates:

 ![CleanShot 2022-05-30 at 14.54.53@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/1X/aee18eec22c45ee5bb611818070375b847a8cf32.png)
