Forcing scroll bars off in views?

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

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

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.

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

2 Likes

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

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

Screen Shot 2022-04-22 at 6.53.36 AM

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