Print Page | Close Window

How to Remove Scroll Bars from page

Printed From: openElement Website
Category:

openElement


Forum Name: openElement General Discussion
Forum Description: A place for general discussion and questions about the software.
URL: https://forums.openelement.uk/en/forum_posts.asp?TID=1344
Printed Date: Mar 29 2024 at 9:31am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com


Topic: How to Remove Scroll Bars from page
Posted By: mogglemoofer
Subject: How to Remove Scroll Bars from page
Date Posted: Mar 21 2018 at 8:38am
Hey, I wrote this in a previous post, but decided to make it an individual post. Because I think it's a common problem and other people may also want to do this.

Question:
Does anyone know how to remove the scrollbars completely, from a whole page?? So that when you open a page in firefox, or chrome, the scroll bars do not appear.

I tried using the styles -> positioning -> y overflow:hide. But I can't get it to work.
I also saw this link for css and javascript:
https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll/16671476

But I can't get it to work either.. Ouch




Replies:
Posted By: Dmit OE
Date Posted: Mar 21 2018 at 10:52am
Hi,

Try to add a Code Block (source) type CSS position Header with the code:

body, #XBody { overflow: hidden !important; }


Posted By: mogglemoofer
Date Posted: Mar 24 2018 at 12:48am
Thanks for the reply : )

I couldn't get it to work at first. But then realized i need to save the page first, or wait some time.  Then the changes will show on preview mode.

I also realized that page -> styles -> customize -> overflow = hide
works too now.

But! It only works for the main page. Is there any way to add this code block to a group of elements? I need to remove the scroll bars from a group of elements too.
styles -> customize -> overflow = hide doesn't seem to work for elements!

-------------------------
UPDATE: Yes!! It works! I love you Dmit!! I'm so happy. Thank you :D

So, in case another person has this problem:
The CSS, header code block

body, #Xbody { overflow: hidden !important; }

Works for elements too. You just need to replace "Xbody" with the name of your element. Eg. WE3244324fdfq etc.







Posted By: Dmit OE
Date Posted: Mar 24 2018 at 12:49pm
For elements you don't need to do it manually, you can go to their Styles->Customize and set the Overflow property. In certains cases you may need to set it for another Style Zone (dropdown on the top)



Print Page | Close Window

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net