-
Now click on the edit menu of the Content Editor Web Part and choose Modify Shared Web Part.
-
Now Tool Pan will be open to modify web part.
-
Click on source editor and paste the following code.
<style type="text/css">
.ms-WPHeader TD h3
{
.margin: 0;
padding: 3px 0px 2px 5px;
height:24px;
}
.ms-HoverCellInActive
{
margin: 0;
padding: 3px 0px 3px 0px;
height: 10px;
}
.ms-WPBorder
{
border-color: #85B2ED;
border-width: 1px;
height:50px;
overflow:auto;
}
.ms-WPBodyHeight
{
overflow:auto;
}
</style>
<script type="text/javascript" src="/_layouts/LSFIntranet/Scripts/jquery-1.3.1.js"></script>
<script type="text/javascript" src="/_layouts/LSFIntranet/Scripts/jquery.corner.js"></script>
<script type="text/javascript">
//Change these variables
var backColor = "#B5BEC6"
var textColor = "#002473"
AddWebPartCorners();
function AddWebPartCorners() {
$(".ms-WPHeader TD h3").css("color", textColor);
$(".ms-WPHeader TD h3 a:link, .ms-WPHeader TD h3 a:visited").css("color", textColor);
$(".ms-WPHeader TD h3").css("background-color", backColor).corner("tl 7px");
$(".ms-WPHeader td").css("padding-right", "0px");
$(".ms-WPHeader td").css("border-bottom", "0px");
$(".ms-HoverCellInActive").css("background-color", backColor).corner("tr 7px");
$("div[id^=WebPart]").addClass("ms-WPBodyHeight");
}
</script>
-
Now change the chrom state default to none of content editor web part and click on Ok button.
-
Now to add a scrollbar modify Tasks list web part and set height to 100 px from Appearance section.
-
Add some items in the tasks list to view scroll bar..