Posted under CSS
Permalink
Tags CSS, HTML, Primefaces, Tip
Some Primefaces containers appear to support scrolling, but this is not universally supported. Layout panels support it, but ordinary panels appear not to.
Fortunately, with IE7 and above, scrolling on a <div> (JSF panelGroup with layout=”block”) works reliably and consistently across modern browsers, so scrolling can just be added within e.g. within a CSS class rule as follows:-
.ss-scroll {
overflow:auto;
}
or:-
.ss-scroll {
overflow: scroll;
}
Using overflow:auto will only add the scrollbars if they are needed, i.e. if content is clipped. Using overflow: scroll will add them all the time so you will get redundant scrollbars when the content does not clip.
Note that for Primefaces, to make a scrolling panel for example, the attribute needs to be added to a containing div inside the panel, and not the panel itself, otherwise the panel header will scroll out of view when the contents scroll which is undesirable.
The w3schools documentation on overflow will be found here.
Leave a Reply
You must be logged in to post a comment.