Add scroll to a Web Part

If you intend to have a fixed height on a Web Part for it doesn't expand over the limited space where you want it to be visible, you can add a scroll to the Web Part. Following the steps below will allow you to add a scroll to any Web Part, on a specific page

  1. Open the page where you have your Web Part.
  2. Right click the Web Part and click Inspect.
  3. The browser's developer tools should open with one of the Web Part's elements selected.
  4. Navigate up the HTML elements until you find the one with WebpartID.
  5. Find the ID attribute in the element and copy the value
  6. Now Edit the page and place a Script Editor web part at the bottom
  7. Once it's added, Edit the web part properties
  8. Now click the Edit Snippet for the script editor to pop up
  9. Paste the following code inside the text area. Replace [WEBPARTID] with the value copied in step 5:
                    <style> 
                    #[WEBPARTID] .bt-webpart-zone { 
                            max-height: 300px; /* adjust this value as you see fit*/ 
                            overflow: auto; } 
                    </style>
            
  10. Click the Insert button.
  11. Click OK on the web part properties
  12. Save the page
  13. That's it. The Web Part should now have the scroll applied to it
Have more questions? Submit a request

Comments

Got a question?

If you can't find the answer to your question, you can contact us.
We are here and happy to help.

Powered by Zendesk