How to make a popup editor rich widget responsive?

I want to make my popup responsive for all resolutions. Outsystems built-in pop up editor is only limited to pixels which is not responsive for all devices, It shows a popup in smaller size if the screen size is large like (1920 or 1600) resolutions and other.

You're right, built-in popup is not responsive by design.

You'd need to use one of the Forge components: https://www.outsystems.com/forge/Component_Search.aspx?q=popup&t=&o=&tr=False&oss=False&c=&a=&v=&hd=False&tn=

Or create your own, using some jQuery library.

João Melo wrote:

You're right, built-in popup is not responsive by design.

You'd need to use one of the Forge components: https://www.outsystems.com/forge/Component_Search.aspx?q=popup&t=&o=&tr=False&oss=False&c=&a=&v=&hd=False&tn=

Or create your own, using some jQuery library.

I have tried 'Magnific popup'  available in forge which is responsive for all resolutions. But magnific popup has different 'loading..' UI which is not acceptable in my project. I want same Popup editor as outsystem gives but with responsiveness.


Hi,

If you want the popup responsive, I advise you not to influence the size of it, and let it suit your content.

I hope to help.

Shweta Gedam wrote:

João Melo wrote:

You're right, built-in popup is not responsive by design.

You'd need to use one of the Forge components: https://www.outsystems.com/forge/Component_Search.aspx?q=popup&t=&o=&tr=False&oss=False&c=&a=&v=&hd=False&tn=

Or create your own, using some jQuery library.

I have tried 'Magnific popup'  available in forge which is responsive for all resolutions. But magnific popup has different 'loading..' UI which is not acceptable in my project. I want same Popup editor as outsystem gives but with responsiveness.


Hi,

I don't have knowledge of the component itself, but I would assume that you can adjust the 'loading..' UI by customizing the CSS classes.