I want to set up a universal modal. how do i do that?

Ask us anything How do I?
1

I have a button in my side menu where I want people to click and a modal pops up. How do I do this without having to go to every page to create a linked instance of the modal? I tried to create the modal under the “Side menu” global section but I can’t - only containers and not sections are allowed in my side menu section.

2

As far as I know, there is no way currently to make it be universal as you intend it to.
Check this out though, you could insert the modal into the header/other section, and then use it everywhere. But still would require workarounds.

3

Hi,
thanks for your feedback. This is a feature we have in mind, and we start to think about having “layout” reusable through all pages.
This is currently only in the brainstorming phase, so I cannot give you a date, but i have added your usecase on our thinkings.

1 Like
4

+1 on this. I need to force a modal with a contract the first time a user logs in and it’s important that they cant bypass this.

5

With all the updates recently, is there a way to do this now?

6

I’ve done this! Would you like to connect Raelyn and I can show you how!

7

Hi, are there any updates to this request?

8

Would creating a custom modal component be a solution?

I started to create one, but havent had the time to finish it. My goal is to be able to add multiple modals on a the same page without the need to create specific variables for show/hiding the correct modal.

The component basically exists of:

  • A button that opens the modal (when you drop the component on the canvas, the button is the only thing that is visible, keeping the canvas clean during development.
  • A custom modal inspired by this thread
  • In the custom modal I add a component placeholder, so you can add specific stuff like data or a form, on custom components level.
  • Adding some properties to the component you make stuf more dynamic and generic, like “Title” (that is shown on the button, but also on the custom modal).

I was able to drop this modal multiple times on a page, having each modal in it’s own context, without the need to create specific variables to show/hide each modal an the page.

9

This will definitely work, it’s actually what I’ve done here and it’s been a dream to work with. :smile:

1 Like