Software Archive
Read-only legacy content
17061 Discussions

Borders and scroll

Roman_T_1
Beginner
401 Views

All welcome!
Questions:

1) when creating a webview appear indented on both edges (2-3px) and trying to enter html code by hand, they are not lost. How to be? Turns you need a stretch to fill the screen object (min-width / hieght = 100% does not help) or remove borders

2) How to remove the scroll to the right when the page is greater than the standard size (you just need to hide it)?

0 Kudos
3 Replies
Roman_T_1
Beginner
401 Views

Anyone can help?

0 Kudos
Anthony_H_Intel
Employee
401 Views

Hi Roman-

 

I've contacted an engineer on the team that may be able to help you with this.

Tony

0 Kudos
Chris_P_Intel
Employee
401 Views

If you need to remove scrollbars from your _app_, read below.  However, before you make any adjustments I strongly recommend testing your app on real devices. Most devices correctly hide/show and virtualize scroll bars for you, so it's not something you should have to worry about.

If you are only seeing the scroll bar in App Designer - don't worry about them. Just ignore it.  App Designer wants to put scrollbars on so your content is perusable when editing.  

 

For removing scrollbars, there are a few approaches.

  • overflow-y   <-- this CSS property governs whether vertical scrollbars are put on a container  when its content is larger than the container
  • box-sizing:border-box <-- this CSS property/value makes the height of your items include their border and padding. The default is content-box, which does not. If you are setting CSS heights manually, then you may struggle if you aren't using box-sizing:border-box. You may think everything adds up right, but be unpleasantly surprised when scrollbars appear because your content is bigger than you think.
  • margin:0 <-- no box-sizing property includes the margins.  So if you are manually setting CSS heights, you need to either take the margins into account for your calculations, or clear them by setting them to 0.
  • Use vh/vw units instead of %.  Dealing with CSS % is fraught with problems.  The vh/vw units are much simpler. There are lots of good articles explaining them.

Hope this helps,

Chris

0 Kudos
Reply