1

Scrollbar visibility and style

asked 2014-01-13 13:50:38 +0800

rmuetzner gravatar image rmuetzner
22 3

Hi,

since ZK 7.0.0 scrollbars seems to be shown only when the mouse is over a listbox. This is annoying because it overlaps on the right and the user doesn't see that he can scroll.

For me this is a debasement.

Also the style from the OS is not considered. In ZK 6.x.x they look like Win 8 Scrollbars, now they look like XP :-)

Can anybody help me?

Thanks, Robert

delete flag offensive retag edit

3 Answers

Sort by » oldest newest most voted
1

answered 2014-01-13 14:07:54 +0800

chillworld gravatar image chillworld flag of Belgium
5367 4 9
https://github.com/chillw...

updated 2014-01-13 14:11:00 +0800

add this to your zk.xml :

<library-property>    
  <name>org.zkoss.zul.nativebar</name>    
  <value>true</value>
</library-property>

Here an example of implementation for one page (when you don't set it in web.xml):

http://zkfiddle.org/sample/2ovduhc/11-ZK-listbox-size-scroll

link publish delete flag offensive edit
0

answered 2014-01-14 10:37:27 +0800

cgraf gravatar image cgraf
22 3

This solution helped me too. But, if there is a footer, the scrollbar is showed between the cells and the footer. Is it possible to show the scrollbar bellow the footer?

Thanks, Clayton

link publish delete flag offensive edit
0

answered 2014-01-14 14:39:34 +0800

chillworld gravatar image chillworld flag of Belgium
5367 4 9
https://github.com/chillw...
<style>
    div.z-listbox{
    overflow:scroll;
    }
</style>

see working example here : http://zkfiddle.org/sample/2ovduhc/17-ZK-listbox-size-scroll

This will create the scrollbar over the whole listbox BUT your data will have its own scrollbar to. It shall not be the thing you need. I did try to remove the scrollbar over the elements by growing its size (in firebug it works well when I change the values on the fly) but the size is rendered by the listbox himself so we can't adjust it. Your header is also included to the scrollbar cause its one div (listbox) that contains 3 divs (header, body and footer) so you can't select 2 of them.

The solution to your problem is putting the footer as last listcell.

Hope this helps you.

Greetz chill.

link publish delete flag offensive edit

Comments

Thank you very much!

cgraf ( 2014-01-15 08:58:52 +0800 )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

Follow
1 follower

RSS

Stats

Asked: 2014-01-13 13:50:38 +0800

Seen: 49 times

Last updated: Jan 14 '14

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