# Embedded view & scroll bar at web browser **URL:** \ **Category:** Ignition\ **Tags:** ignition81, perspective\ **Created:** [April 26, 2022, 3:18pm UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877 "2022-04-26T15:18:37Z")\ **Posts on this page:** 17\ **Page:** 1
**Author:** ![rocio.baluq](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rocio.baluq/32/50438_2.png) [@rocio.baluq](https://forum.inductiveautomation.com/u/rocio.baluq)\ **Post date:** [April 26, 2022, 3:18pm UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/1 "2022-04-26T15:18:37Z")
My team have created a SCADA solution in Perspective. The main view (coordinate container) has the following settings: width:1,400 height: 800, loading: mode: non-blocking; inputBehavior: replace root: mode: percent, aspectRatio: 0.85:0.5. We have placed embedded views of the needed objects inside the main view. We tried our best to adjust each embedded view in size, playing with aspect ratio… so that when opening the solution on the web browser, all embedded views are seen and behave normal. But unfortunately, when we resize the browser window (in different sizes and directions) at some of the embedded views a scroll bar appears, and in some cases is blinking (the scroll bar). The scroll bar can be vertical or horizontal, we guess depending on resizing height or width. We tested it in different screens (laptops, big screens…) in some it happens always and in others seems that not… Then, if the height of the window it is “not enough” part of the embedded view stays hidden. Can we get some tips or guidance in how to avoid this and solve this mystery? I attached screenshots of the part affected at the embedded view, as example. Thanks! ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/ced1336508edc74bc9b2c149aeacfdd707fc4ee4.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/f/ff824968ea1b65943decbe231b66dcec1faeb67f.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/f/1fbb36318ae64804f7085ef8893f2a401bcecaa8.png) ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [April 27, 2022, 6:34am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/2 "2022-04-27T06:34:19Z")
flex views or change your coordinates to percent or use calc() ---
**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:** [April 27, 2022, 7:09am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/3 "2022-04-27T07:09:15Z")
> [@rocio.baluq](#): > > the toggle bar The scroll bar ... is what you mean, I think. You can edit your question to make it clear. ---
**Author:** ![rocio.baluq](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rocio.baluq/32/50438_2.png) [@rocio.baluq](https://forum.inductiveautomation.com/u/rocio.baluq)\ **Post date:** [April 27, 2022, 7:25am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/4 "2022-04-27T07:25:22Z")
Thank you for your answer. Checking on those. Percent we are using already. ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [April 27, 2022, 7:26am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/5 "2022-04-27T07:26:27Z")
I might be able to help more if you provide the json of you view (formated with ``) ---
**Author:** ![rocio.baluq](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rocio.baluq/32/50438_2.png) [@rocio.baluq](https://forum.inductiveautomation.com/u/rocio.baluq)\ **Post date:** [April 27, 2022, 7:26am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/6 "2022-04-27T07:26:28Z")
ups., yeah, wrong word… 😮 I edited… 👌 ---
**Author:** ![rocio.baluq](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rocio.baluq/32/50438_2.png) [@rocio.baluq](https://forum.inductiveautomation.com/u/rocio.baluq)\ **Post date:** [April 27, 2022, 8:05am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/7 "2022-04-27T08:05:52Z")
@victordcq When you say use calc(), could you be more specific, please. I do not find related info to this. Thanks! ---
**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:** [April 27, 2022, 8:30am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/8 "2022-04-27T08:30:05Z")
It’s a css function, that you can use in the style property of your objects: > **[calc() - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/calc)** > > The calc() CSS function lets you perform calculations when specifying CSS property values. It can be used anywhere a , , , , , , or is allowed. You can use it to control programmatically where things go on your page. ---
**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:** [April 27, 2022, 8:32am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/9 "2022-04-27T08:32:06Z")
> [@rocio.baluq](#): > > width:1,4000 Is this a typo? If not, I want your monitor! Although 800 is a bit short haha ---
**Author:** ![rocio.baluq](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rocio.baluq/32/50438_2.png) [@rocio.baluq](https://forum.inductiveautomation.com/u/rocio.baluq)\ **Post date:** [April 27, 2022, 8:39am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/10 "2022-04-27T08:39:01Z")
ok, thanks! 🙂 👌 ---
**Author:** ![rocio.baluq](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rocio.baluq/32/50438_2.png) [@rocio.baluq](https://forum.inductiveautomation.com/u/rocio.baluq)\ **Post date:** [April 27, 2022, 8:42am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/11 "2022-04-27T08:42:16Z")
yep, it is a typo 😆🙈 It is 1,400 ---
**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:** [April 27, 2022, 8:53am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/12 "2022-04-27T08:53:46Z")
I always set my aspect ratio to a binding to the page’s default size Width + ‘:’ + height Then if you change it you don’t have to change it as well ---
**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:** [April 27, 2022, 8:54am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/13 "2022-04-27T08:54:38Z")
As a vertical monitor, for those 50k lines functions… ---
**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:** [April 27, 2022, 8:56am UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/14 "2022-04-27T08:56:47Z")
Haha maybe 50k for VBA but hopefully not for Python ---
**Author:** ![rocio.baluq](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rocio.baluq/32/50438_2.png) [@rocio.baluq](https://forum.inductiveautomation.com/u/rocio.baluq)\ **Post date:** [April 27, 2022, 12:07pm UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/15 "2022-04-27T12:07:33Z")
Thank you for all your answers, we are testing 😉 ---
**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:** [April 27, 2022, 12:25pm UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/16 "2022-04-27T12:25:32Z")
Keep it horizontal for [one-lined](http://www.onelinerizer.com/) python then ! ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [April 27, 2022, 12:34pm UTC](https://forum.inductiveautomation.com/t/embedded-view-scroll-bar-at-web-browser/58877/17 "2022-04-27T12:34:37Z")
Oh yea calc() only works in coordinate containers with mode fixed. All the other things igntion overwrites the position if its not a number