# Forcing scroll bars off in views?

**URL:** <https://forum.inductiveautomation.com/t/forcing-scroll-bars-off-in-views/58723>\
**Category:** General Discussion\
**Tags:** ignition81, perspective\
**Created:** [April 21, 2022, 9:46pm UTC](https://forum.inductiveautomation.com/t/forcing-scroll-bars-off-in-views/58723 "2022-04-21T21:46:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![peter](https://avatars.discourse-cdn.com/v4/letter/p/278dde/32.png) [@peter](https://forum.inductiveautomation.com/u/peter)\
**Post date:** [April 21, 2022, 9:46pm UTC](https://forum.inductiveautomation.com/t/forcing-scroll-bars-off-in-views/58723/1 "2022-04-21T21:46:53Z")

</div>

I have some circular based SVGs that I have embedded into perspective views, and set the extents of the view to the diameter of the SVG. For example:

![Screen Shot 2022-04-21 at 3.41.59 PM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/b/fb7df31c65cc73f4b100b7a94874b1d44ed2a532.png)

But when I rotate the SVG by a non-multiple of 90 degrees, Ignition says that the extents of the SVG are now outside the view, and adds scroll bars:

![Screen Shot 2022-04-21 at 3.42.39 PM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/2/3257f597ae2d8e48d9d6495951407360a9845c89.png)

Is there anyway to force the scroll bars off?

* * *

And yes, before you ask, I am doing skeuomorphic design, and I am aware of the tradeoffs that I am making. And in this particular use case they are perfectly reasonable choices. However in general I do not recommend a skeuomorphic approach.

---

<div class="post-metadata">

**Author:** ![michael2](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@michael2](https://forum.inductiveautomation.com/u/michael2)\
**Post date:** [April 21, 2022, 10:13pm UTC](https://forum.inductiveautomation.com/t/forcing-scroll-bars-off-in-views/58723/2 "2022-04-21T22:13:02Z")

</div>

Add an overflow style property to the container that has the svg and set it to visible.

---

<div class="post-metadata">

**Author:** ![peter](https://avatars.discourse-cdn.com/v4/letter/p/278dde/32.png) [@peter](https://forum.inductiveautomation.com/u/peter)\
**Post date:** [April 22, 2022, 12:55pm UTC](https://forum.inductiveautomation.com/t/forcing-scroll-bars-off-in-views/58723/3 "2022-04-22T12:55:55Z")

</div>

In this case the the SVG was in the root container of the view, so the style addition was:

 ![Screen Shot 2022-04-22 at 6.51.35 AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/1/f188774d5d9c576bd63315cb734917ab3b582e36.png)

And now when the SVG is rotated, it looks like this in the view:

![Screen Shot 2022-04-22 at 6.53.36 AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/7/275988c8ee4996af6ce8365dd0b60f14c05a672f.png)

---

<div class="post-metadata">

**Author:** ![peter](https://avatars.discourse-cdn.com/v4/letter/p/278dde/32.png) [@peter](https://forum.inductiveautomation.com/u/peter)\
**Post date:** [April 22, 2022, 2:20pm UTC](https://forum.inductiveautomation.com/t/forcing-scroll-bars-off-in-views/58723/4 "2022-04-22T14:20:09Z")

</div>

Note that because I was consuming this view as an embedded view, I had to add the style property to both the root container where the SVG was, and also to the embedded view container that linked back to the original view