# Scrolling in Ignition Perspective

**URL:** <https://forum.inductiveautomation.com/t/scrolling-in-ignition-perspective/79562>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 25, 2023, 1:10am UTC](https://forum.inductiveautomation.com/t/scrolling-in-ignition-perspective/79562 "2023-09-25T01:10:40Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![ignitionSL](https://avatars.discourse-cdn.com/v4/letter/i/9e8a1a/32.png) [@ignitionSL](https://forum.inductiveautomation.com/u/ignitionSL)\
**Post date:** [September 25, 2023, 1:10am UTC](https://forum.inductiveautomation.com/t/scrolling-in-ignition-perspective/79562/1 "2023-09-25T01:10:40Z")

</div>

I created a page using flex containers. Even though the scrolling works for vertical, horizontal is not working though shrink is zero for every flex (row shrink). when the page is scrolling in the left side, details shrink and do not appear when scrolling.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 25, 2023, 7:55am UTC](https://forum.inductiveautomation.com/t/scrolling-in-ignition-perspective/79562/2 "2023-09-25T07:55:39Z")

</div>

Did you set a basis ?  
You can also add a `min-width` style property to prevent the container from shrinking past a certain width.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [September 25, 2023, 8:18am UTC](https://forum.inductiveautomation.com/t/scrolling-in-ignition-perspective/79562/3 "2023-09-25T08:18:36Z")

</div>

> [@ignitionSL](#):
>
> when the page is scrolling in the left side, details shrink and do not appear when scrolling.

I don't understand this sentence.  
Use something like [ScreenToGif](https://www.screentogif.com/) (if you're on Windows) to record a video clip of the problem and upload it here.

---

<div class="post-metadata">

**Author:** ![ignitionSL](https://avatars.discourse-cdn.com/v4/letter/i/9e8a1a/32.png) [@ignitionSL](https://forum.inductiveautomation.com/u/ignitionSL)\
**Post date:** [September 25, 2023, 10:41pm UTC](https://forum.inductiveautomation.com/t/scrolling-in-ignition-perspective/79562/4 "2023-09-25T22:41:44Z")

</div>

Thanks for the reply. Here is  
 ![Animation](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/1/91e5c5be907e112f53a3dd9f4f84c8063393096b.gif)  
the clip. the web page cannot be scrolled to the right side in developer mode. I made shrink into zero in all row flexes

---

<div class="post-metadata">

**Author:** ![ignitionSL](https://avatars.discourse-cdn.com/v4/letter/i/9e8a1a/32.png) [@ignitionSL](https://forum.inductiveautomation.com/u/ignitionSL)\
**Post date:** [September 25, 2023, 10:42pm UTC](https://forum.inductiveautomation.com/t/scrolling-in-ignition-perspective/79562/5 "2023-09-25T22:42:15Z")

</div>

Yes I did

---

<div class="post-metadata">

**Author:** ![ignitionSL](https://avatars.discourse-cdn.com/v4/letter/i/9e8a1a/32.png) [@ignitionSL](https://forum.inductiveautomation.com/u/ignitionSL)\
**Post date:** [September 25, 2023, 10:44pm UTC](https://forum.inductiveautomation.com/t/scrolling-in-ignition-perspective/79562/6 "2023-09-25T22:44:12Z")

</div>

![Aaa](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/1/11939d5d699a66ad8aa3a8aacb9dcfdea9980a64.png)

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 26, 2023, 7:12am UTC](https://forum.inductiveautomation.com/t/scrolling-in-ignition-perspective/79562/7 "2023-09-26T07:12:06Z")

</div>

You seem to have many nested containers. You'll need to make sure the settings for ALL of them are right. It may be cumbersome, I agree, but I don't think there's a way around that.

---

<div class="post-metadata">

**Author:** ![ignitionSL](https://avatars.discourse-cdn.com/v4/letter/i/9e8a1a/32.png) [@ignitionSL](https://forum.inductiveautomation.com/u/ignitionSL)\
**Post date:** [September 28, 2023, 1:49am UTC](https://forum.inductiveautomation.com/t/scrolling-in-ignition-perspective/79562/8 "2023-09-28T01:49:51Z")

</div>

Got it sorted out. Yes, I used many containers.