Hi, I'm trying to create a perspective view to be viewed on a mobile screen.
Every page I make will fit itself to the screen size. How can I create a longer page, where you can view the additional content by simply scrolling down ?
I feel like I'm missing something obvious. This is possible in the demo perspective app but I cannot figure out what they do different there.
Thank you.
This should be pretty simple to fix, if I understand you correctly. Here is a simple example I set up - I put 4 components onto a brand new view (with a column
root container) with no further configuration, something like:
You can see that they're getting smushed together. Here is that same view in the browser:
There is a scrollbar, but it is very minimal and I'm sure not what you want. The issue here is that on each of the Pie and Gauge component instances, here is the POSITION
properties:
You can see that shrink: 1
, meaning that this component can shrink if it doesn't fit within its parent container. So, to fix this in my very simple example, I'll just go through those 4 components and set shrink: 0
on all of them, and I get this:
(see the scrollbar)
You would use the same principle with a Flex Repeater as well, or any other components - you need to set the parent container (in the example above, root
) to overflow: auto
(the default) or overflow: scroll
, and then you need to make sure your components or widgets are not shrinking past a certain size.
Hopefully this makes sense!
4 Likes
I'm assuming you're talking about displaying coord views. You could embed your coord container within a flex view and set its basis to something larger than the mobile viewport size, and set shrink to 0.
I have to show p&ids on a mobile phone for a current project, so I'll be testing this method myself.. I have been spared having to do this up until now