how to show horizontal scrollbar in scrollpanel automatically?

649 views
Skip to first unread message

tong123123

unread,
Dec 18, 2012, 4:29:16 AM12/18/12
to google-we...@googlegroups.com
I have a scrollpanel enclosing a tree. when the tree node expands, the scrollpanel can show the vertical scrollbar automatically. but it cannot show the horizontal scrollbar automatically, instead, only eclipse (...) is shown for overflow item.
so how to show the horizontal scrollbar automatically when the tree expand inside a scrollpanel?

Andrei

unread,
Dec 18, 2012, 4:20:56 PM12/18/12
to google-we...@googlegroups.com
This is not a standard behavior. You must have a CSS style applied to your scroll panel or its content which resets overflow property. It should be overflow:auto. 

Kei Kei

unread,
Dec 18, 2012, 9:44:58 PM12/18/12
to google-we...@googlegroups.com
No, the scrollpanel overflow property is already auto, but the horizontal scrollbar cannot be shown in ie8 or FF13
I set the css using
scrollPanel.getElement().setAttribute("style", "width:210px;height:247px;border:1px solid #B5BBC8; overflow:auto;");

In FireFox, I use firebug and see
element.style{
   border: 1px solid #B5BBC8;
   height: 247px;
   overflow: auto;
   width: 210px;
}

On Wed, Dec 19, 2012 at 5:20 AM, Andrei <vol...@spiraluniverse.com> wrote:
This is not a standard behavior. You must have a CSS style applied to your scroll panel or its content which resets overflow property. It should be overflow:auto. 

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/NX1QhsV7i84J.

To post to this group, send email to google-we...@googlegroups.com.
To unsubscribe from this group, send email to google-web-tool...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

Kei Kei

unread,
Dec 19, 2012, 3:30:47 AM12/19/12
to google-we...@googlegroups.com
attached image for clear discussion.
as shown, the scorllpanel overflow:auto; is set but the content still shown eclipsis instead.
scrollpanel.png

Andrei

unread,
Dec 20, 2012, 1:06:27 AM12/20/12
to google-we...@googlegroups.com
Remove white-space: nowrap; and text-overflow: ellipsis rules that are applied to your scroll panel.
 
I recommend asking such questions on SO. 
Reply all
Reply to author
Forward
0 new messages