3 Replies Latest reply on Mar 20, 2011 6:40 AM by Murali Krishna

    how to add scrollbars to model panel

    praveen jain Novice

      hi
      i want to add scrollbars to my modelpanel how can i add

        • 1. Re: how to add scrollbars to model panel
          panky_p Novice

          you can add scroll bars by applying style="overflow : auto;"
          something like

          <rich:modalPanel id="myPanel" minHeight="200" minWidth="300" height="300" width="400" style="overflow : auto;">


          • 2. how to add scrollbars to model panel
            Murali Krishna Newbie

            hi panky,

             

            i tried your solution. it shows the scrollbars to the entire modelpanel rather only for the body content of the panel.

            in this case if you scrool down you would n't see the headers. if you want to close the popup you need to scrool up and close it.

             

            please provide us a better solution.

            • 3. how to add scrollbars to model panel
              Murali Krishna Newbie

              finally i got it working...

               

              <rich:modalPanel id="abcPopup" minHeight="200" minWidth="300" height="350" width="550">

                  

                   <f:facet name="header">... ... </f:facet>

                   <f:facet name="controls">... ... </f:facet>

                   <div style="overflow : auto; width:540px ! important; height:320px ! important;" >

                        <h:panelGrid columns="2" styleClass="top-alignement" width="600">

                        ... ...         

                        </h:panelGrid>

                   </div>

               

              </rich:modalPanel>

               

              this might not be a cleaner approach and also it is bit painful to calculate the heights & widths of the components. please let us know if there is a stright way to add scrollbars to the rich modelpanel.