Sharepoint Forum

Ask Question   UnAnswered
Home » Forum » Sharepoint       RSS Feeds

Scroll bar to a webpart

  Asked By: Pamela    Date: Feb 11    Category: Sharepoint    Views: 6232

Quick help. Considering the depth of questions being asked in the
forum, this might be peanuts. But, can guys help me put a scroll bar on
a webpart? If there is some I code I need to use.

I have an Issues List and it is getting really long. Instead of
scrolling down the page and wasting real estate, it will be better to
put a scrollbar on the webpart.



4 Answers Found

Answer #1    Answered By: Kartik Athani     Answered On: Feb 11

Although not specific to a list, I've used a <DIV> tag to scroll  contents
presented in a list  that is formatted with XSLT. The <DIV> tag looks something

<STYLE type="text/css"> DIV.clsDataGrid { BORDER-RIGHT: medium none; BORDER-TOP:
medium none; OVERFLOW: auto; BORDER-LEFT: medium none; WIDTH: 100%;
BORDER-BOTTOM: medium none; HEIGHT: 250px } </STYLE>

<div class="clsDataGrid" id="divList" bgcolor="white">
Note the class reference in the <DIV> tag corresponds to the <STYLE> name.

Answer #2    Answered By: Ira Knox     Answered On: Feb 11

If this is an OOTB list  web part, have you looked into changing the display view
parameters to page  the list items rather than showing the whole list, or setting
a maximum height for the web part?

Answer #3    Answered By: Divyesh Hurkadli     Answered On: Feb 11

To confirm, just tried setting the height on a list, and had no effect.

Answer #4    Answered By: Brandon Kirk     Answered On: May 31

A few users and I had run into the problem of not having a scroll bar when customizing our master pages on SharePoint. This can be annoying at times when using SharePoint and not having a scroll bar.

Here is what we have come up with.

You need to add:

< div id=”s4-workspace” >
< div id=”s4-bodyContainer” >

around the main body content.

Make sure body tag contains “scroll=no”
The style sheet defines the div tags to scroll.
It also used those div tags to calculate the size of the dialog boxes.
The dialog boxes use the “class=’notdlg’” to determine what not to show.

The process is pretty self explanatory and you can view the finished product on our website.

Shawn Zernik

Didn't find what you were looking for? Find more on Scroll bar to a webpart Or get search suggestion and latest updates.