[Liverpool Template] Page reload issue on browser resizing

Forge Component
(21)
Published on 11 Sep (9 days ago) by OutSystems R&D
21 votes
Published on 11 Sep (9 days ago) by OutSystems R&D

I used Liverpool theme layout on several pages of my application but now I'm facing some weird behaviour related to the functionality of web page. Whenever I resize the page from the browser, maximize or minimize, it performs page load. How can I remove this behaviour?

Hi Gaurav,

If you want to disable that, in Service Center go to the module WebPatterns and set the Site Property DisableSimulationDeviceInDev to True:

Cheers,

José

Hello Gaurav,

Are you in a Developing environment?
Silk UI has an option in Developing environments, ON  by default, that will do this in order to simulate diferent devices.

You can disable this, in a machine. Take a look here: https://success.outsystems.com/Documentation/SILK_UI_Framework/05_Understanding_Responsive_and_Adaptive

Cheers.

EDIT: Jose was fast :)

Thank you, Jose and Eduardo, for responding to my post.

Jose, you were fast but after checking on the link provided by Eduardo I understand your solution and implemented it as well.

The layout on screen is

The issue still exists. Tha page reloads after resizing. Keep posting your valuable experiences.


Kind regards,

Gaurav

Solution

Sorry Garuv,

I didn't understood your question at first. Your problem is with the RELOADING, right? 

The only way to avoid this is to set your environment to PRODUCTION. In DEV, Silk UI will reload the page, even if the simulator is off.

In production this will not happen, and in a DEV environment this is not a problem, right? :)

Cheers.

Solution

Hi Eduardo,


Thanks for sharing the information. Yes, in Dev it's not an issue but there should be some way to validate this behaviour before moving it to production.


Regards,

Gaurav




Gaurav Shukla wrote:

Hi Eduardo,


Thanks for sharing the information. Yes, in Dev it's not an issue but there should be some way to validate this behaviour before moving it to production.


Regards,

Gaurav

Hi Gurav,

Silk UI is prepared to check if the application is running in a DEV or PROD environment (this is an environment configuration). In Production it will not simulate devices on page resizing. 

Cheers.


Eduardo Jauch wrote:

Sorry Garuv,

I didn't understood your question at first. Your problem is with the RELOADING, right? 

The only way to avoid this is to set your environment to PRODUCTION. In DEV, Silk UI will reload the page, even if the simulator is off.

In production this will not happen, and in a DEV environment this is not a problem, right? :)

Cheers.

Hi Eduardo, 

You said in production the SILK UI is not supposed to refresh/reload the page but this can not be the expected behavior. I think in all environments the page should reload after resizing the browser window since SILK UI is using the Server-side CSS method. If the page doesnt reload then how can it be responsive? Just to make you understand better, I'm not talking about the Device Emulation, I'm talking about the automatic reload of the page after changing the screen size.


Hi Amir,

What OutSystems has "different" is that you can change things depending on the DEVICE used. So, when you load your application in your browser in the desktop with a 4K monitor, or in the browser in a mobile, the platform can detect the difference and show different things in different ways. And that's what the emulation is for, for you to test (or try to test) how things will appear on different devices.

The responsiveness you want is not achieved by "reloading" the page in almost any technology. People use different approaches, like media queries, minimum sizes, FLEX, etc, that helps with this. It is not different in OutSystems.

Cheers.