When I set the canvas to ipad pro, it keeps that width in preview / mirror even on a phone. Why does it not adapt the view port of the device?
Where am I?
In UXPin you can ask and answer questions and share your experience with others!
Skip to main content
Hi,
responsive canvas is currently not an available option in UXPin, BUT there is one workaround (see below) to get dynamic screen sizing with the use of the Conditional Interactions, based on the windowWidth() expression.
Please note that elements won't be resized automatically - all items would need to be adjusted manually to the specific screen.
This option does not change the screen size but a Page/Prototype URL depending on the screen size that you are viewing.
1. Method 1:
Add an interaction on the canvas,
Trigger: Page Load > Condition > Expression: windowWidth() > is less than > 500 (pixels) (for example)
Action: Go To Page/or URL -> Page/URL “Mobile Design”
2. Method 2:
- Create a variable named 'pagesize,' for example
- Add an interaction on the canvas, Page Load > Set Variable of Page Load > As Expression: windowWidth()
- Add another Page Load interaction with Go To Page/or URL > with Condition > if the Value of variable is equal to 1440 (for example), then it goes to the selected page/URL.
- Add another the same interaction with Else condition, for example, If Value of variable is less than > 1440 > Go To Page/URL XYZ
Hope this helps!