Win a copy of Mesos in Action this week in the Cloud/Virtualizaton forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Scrollbar issue

 
salvin francis
Bartender
Posts: 1274
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
This is really weird,
We have an app with a horizontal splitter, I need to place content in the right side of splitter,
the content should be 2 elements:

a "Header"
a "Right content"

This was the requirement:
1. Header should be always on top: meaning the horizontal splitter panel should not have a scrollbar @ right widget
2. Right content should be a container with scrollbar, it should occupy 100% of the area, it will internally have scroll bars to fit its content.

Here is the code i tried:




IE 6.JPG
[Thumbnail for IE 6.JPG]
Senario in IE 6
 
salvin francis
Bartender
Posts: 1274
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Here is a screenshot in firefox.
Firefox.JPG
[Thumbnail for Firefox.JPG]
Screen shot in firefox
 
salvin francis
Bartender
Posts: 1274
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I believe the issue is caused because of this:

Scroll bars inside or outside of box? >> http://css-tricks.com/the-css-overflow-property/

Any ideas how i should tackle this issue ?

In No scenario should "Always on Top Header" Label have a scrollbar at its side
also there should not be a double scrollbar.

Check attachment.
desired working.JPG
[Thumbnail for desired working.JPG]
How it should work, red box indicates scrollbars.
 
salvin francis
Bartender
Posts: 1274
10
Eclipse IDE Google Web Toolkit Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
i am suprised i didnt get any response for my question,
however i did manage to crack this myself using unconventional means.
I used a flowpanel instead of a vertical panel and it worked fine.

Hope this helps someone:
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic