Hide Browser Scroll Bar

asked 2015-03-31 14:39:15 +0800

Senthilchettyin gravatar image Senthilchettyin flag of India
2621 3 8

Here is my main layout

  <window id="windowOuterMain" width="100%" height="100%"
            border="none" sclass="outerwin" ctrlKeys="#f12#f11#f10#f2#f9"
            viewModel="@id('vm') @init('com.product.webapp.main.MainVM')">
            <include src="navbar.zul" />
            <hlayout id="main" spacing="0">
                <include id="sidebar" src="sidebar.zul" />
                <vlayout spacing="0" hflex="1">
                    <include src="header.zul" />
                    <div id="screeensdiv"></div>

In the Div screensdiv, i am showing the screens when the user clicks on Menu in the side bar.

My First Problem, I cannot put borderlayout inside vlayout because it never shows. Second Problem, if some screen contains very long, then scroll bar within the window is not shown, but browser scroll bar is shown. How to avoid this browser scroll bar and visible the inner window scroll bar.

delete flag offensive retag edit

1 Answer

Sort by ยป oldest newest most voted

answered 2015-04-01 01:39:37 +0800

echarish gravatar image echarish flag of Japan
1809 7

Hello Senthilchettyin

you can try to put contentStyle="overflow-x:auto;overflow-y:auto" inside window tag to control the scroll bars.

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

1 follower



Asked: 2015-03-31 14:39:15 +0800

Seen: 42 times

Last updated: Apr 01 '15

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More