# Create pages longer than the screen instead of fitting?

**URL:** <https://forum.inductiveautomation.com/t/create-pages-longer-than-the-screen-instead-of-fitting/103114>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [March 3, 2025, 1:34am UTC](https://forum.inductiveautomation.com/t/create-pages-longer-than-the-screen-instead-of-fitting/103114 "2025-03-03T01:34:47Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jack2](https://avatars.discourse-cdn.com/v4/letter/j/ac91a4/32.png) [@Jack2](https://forum.inductiveautomation.com/u/Jack2)\
**Post date:** [March 3, 2025, 1:34am UTC](https://forum.inductiveautomation.com/t/create-pages-longer-than-the-screen-instead-of-fitting/103114/1 "2025-03-03T01:34:48Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![YF129701](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/yf129701/32/60498_2.png) [@YF129701](https://forum.inductiveautomation.com/u/YF129701)\
**Post date:** [March 3, 2025, 4:48pm UTC](https://forum.inductiveautomation.com/t/create-pages-longer-than-the-screen-instead-of-fitting/103114/2 "2025-03-03T16:48:05Z")

</div>

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:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/6/361b8505a56cce9d86e2ddca046a1c776ea4a6cb.png)

You can see that they're getting smushed together. Here is that same view in the browser:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/7/172cfee543b8e608748842456ec74195f73cb2af.png)

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:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/3/d30b3933b5d882dbd2082acb03609d56cf7b2ce0.png)

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:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/d/8df6df44f95282956f1b543b1f963f1ad08d6b35.png)  
(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!

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [March 4, 2025, 2:16pm UTC](https://forum.inductiveautomation.com/t/create-pages-longer-than-the-screen-instead-of-fitting/103114/3 "2025-03-04T14:16:33Z")

</div>

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