Perspective: Dynamically resize window based on device (i.e tablet or phone)

Hello, is it possible to determine screen width/height and dynamically adjust the view in Perspective?

Thanks,

David

1 Like

No, you cannot get the dimensions of the page. IA are reluctant to let us have these due to the very likely chance of locking up the client with infinite loops.

You should be using all of the different container types to assist with making your pages change with client resolutions. Check out the university for how the different containers work.

1 Like

Definitely, but perhaps not as you might be thinking. As @nminchin stated, in Perspective you'll want to use containers to accomplish responsive behavior (which is what they generally call "user interface that changes or responds to the available space").

Fortunately there are a number of ways to create responsive behavior, so you can create almost any UI you can imagine for almost any device you can imagine. Unfortunately, this flexibility comes with a bit of a learning curve. We've done a couple different webinars on responsive design that might help you get familiar with responsive design in general, as well as some examples in Perspective.

1 Like

You can upvote this post on the ideas forum if the functionality is important to you.

Thank you. Yes, I will do that. It is important to be able to easily switch from phone to tablet and vice versa. Thanks!

David

The Perspective breakpoint container easily accomplishes this.

2 Likes

To be clear: providing insight into Viewport dimensions will in no way allow you to modify window size. As others have already posted, the responsive containers (Flex, Breakpoint, Column) are designed to allow you to adjust displays based on viewport dimensions without needing to “book-keep”.

Visibility into viewport dimensions is intended to allow for modifications like fontSize at small resolutions, or determining how many Carousel slides to display based on the current width.

1 Like

Thanks. Hopefully this will be added in future updates.