Hello people.

How can I open a screen inside an screen. It can be like gmail, when we are writing a new email. But if I can place it in the middle of the screen it'll be better.

Do you know some training showing how to do it [if possible, using the best practices and what to avoid]?

Thank you all very much.


You could use a modal to open a screen inside a screen.

This post explains how to do it:




Just to clarify, Modals do not open screens inside screens. A Modal is just a kind of container that acts like if it was a Popup, but its content is in the same page where it opens.

Modal (only for traditional web applications): https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Web_Patterns/Content/Modal

A Popup is able to open a screen inside a screen (React Web and Mobile + Traditional Web): https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Inputs/Create_and_Use_a_Popup

Hope this helps.


You are right Eduardo. Thank you for pointing that out.

I proposed a modal because it seemed to me that the question asked was how to make it look like opening a screen inside a screen. A modal is a way to do that.

But of course using a popup you will actually open a screen inside a screen.

A another option is an iFrame or use a web block.