vertical and horizontal scrollbar

[rahul_dm]

For the larger content, how to add vertical and horizontal scrollbar to p:panel, p:dialog and p:dashboard component?

[Oleg]

For the larger content, how to add vertical and horizontal scrollbar to p:panel, p:dialog and p:dashboard component?

Hi,

You can try to find container div and to add overflow: auto; to its CSS. I have already tried that for p:panel but it looks ugly. Vertical scrollbar is not placed close to panel border. Maybe you can share here a better solution for us.

[rahul_dm]

thanks oleg for showing me the way..

i did search i found that only IE support custom color in scrollbar.. here is code which only work in IE.
also anything else if there i will search and update it here.

<div style="width: 70px; height: 80px; position: absolute; overflow-y:scroll; overflow-x:hidden;
scrollbar-face-color: #367CD2;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;">
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
<h:outputText value="test"/><br/>
</div>

[Oleg]

That's right, only IE supports custom color in scrollbar. There are many other cross-browser solutions to simulate scrollbars and avoid native scrollbars.

[cagatay.civici]

Checkout jScrollPanel, a useful cross browser jquery plugin.

http://www.kelvinluck.com/assets/jquery ... lPane.html