Creating full screen web app

[castellan9168]

Hello,
does anybody have idea how to obtain in Axure a full screen app effect like the one in TradingView chart view:

https://www.tradingview.com/chart/ePgrGVWd/

1. How to make resizable chart windows within restricted area?
2. How to keep the sizing of panels when the browser window is resized?

Thank you all for the tips in advance.

Regards,
Maciej

[Jane_Axure]

Hi castellan9168!

You can do this using either the page’s OnWindowResize event, or setting up adaptive views for your project. Using the OnWindowResize event to set the size of the targeted widgets should allow you to get close to a responsive page like the one you linked to. Please note, however, that using multiple resize interactions on load of the page could significantly slow down your prototype in the browser output.

You’ll most likely see better performance setting up adaptive views for your project instead, but this would require manually resizing each widget on the page to the targeted size for each browser width. For more information about adaptive views, I’d encourage you to take a look through our reference page on the subject:

https://www.axure.com/support/reference/adaptive-views

And my colleague goes into more detail about getting close to a responsive prototype in Axure RP, here:

Is responsive design possible in Axure RP?

First, a couple of definitions. Responsive design, one of the biggest recent trends in web design, is the use of proportional, fluid layouts that adapt and fit perfectly to any screen of any size. Adaptive design, sometimes thought of as a precursor to responsive design, typically makes use of set breakpoints to determine the best version of a design to show based on the size of the screen and the assumed capabilities of the device. Responsive designs frequently make use of breakpoints, but adap…