Is there a way to disable default scrollbar for rich:popupPanel

Question

I am using <rich:popupPanel> tag,rich:popup panel provides default scroll bar when the data is huge,I am using my custom scroll bar instead of this. is there a way to hide the default scroll bar which is provided by <rich:popupPanel> tag.

<rich:popupPanel id="termEditPanel"
                 followByScroll="true"
                 autosized="true"
                 modal="true"
                 resizeable="false"
                 moveable="false"
                 styleClass="popup term-editor-panel"
                 rendered="#{agreements.agreement.editable}" 
                 zindex="1000">

possible duplicate of [rich:popupPanel always show scrollbars](http://stackoverflow.com/questions/13030998/richpopuppanel-always-show-scrollbars) — kulotskie, Aug 27 '15 at 08:53

score -1 · Answer 1 · edited Oct 30 '15 at 13:29

you can add next style to page for override native richfaces pop-up style

<h:outputStylesheet>
        .rf-pp-cnt-scrlr {
            overflow: hidden !important;
        }
</h:outputStylesheet>

or use style

<rich:popupPanel id="category"
                     modal="true"
                     resizeable="false"
                     autosized="false"
                     width="300"
                     height="300"
                     styleClass="popUpMain"
                     style="overflow:hidden !important;"
                     domElementAttachment="form"
                     onmaskclick="#{rich:component('category')}.hide()">

Is there a way to disable default scrollbar for rich:popupPanel

1 Answers1