Modal window in web app

I have a web app with pages opened clicking on buttons. It doesn’t make any difference if the “open page in modal” property is set to true or false, as either way the new page opens replacing the previous page. I’m using Google Chrome Version 84.0.4147.89 (Official Build) (64-bit) and allow popups.

Is there something else that has to be set?

Modals always cover the whole page. On web the difference between opening as modal or not is that modal covers the navigation bar.

If you want to show only a partial modal over a page, you can make that modal to the initial page and toggle its visibility when you want to open a popup/modal. You can set Position to absolute in the container’s style tab Advanced properties section to make the popup appear where you want to over other content. This needs you to set enough z-index under Dimension and position section behind Position tab to the container. Then just use margins to put the container to correct place.

Tomi,
I don’t understand what you mean by:

Can you please explain it some more?
Your help is much appreciated

Sure :blush: In the Advanced properties section of any component you have Visible boolean telling if the component will be rendered on screen or not. You can use that to determine which parts of the page are visible and when. In this case, I’d suggest you to bind the visibility of the Popup modal you want to show to some Page variable.

image

Then you can use Set page variable flow function to set the page variable true or false depending on when you want that Popup modal to be visible.

1 Like

:+1:
Thank you. This gives me a whole lot of new ideas.

1 Like