Answered by:
Removing Scrollbars from Project Tasks

Question
-
Dear Friends
I have created a 'project task' list (from Tracking) in sharepoint 2007. It shows me the Gantt chart but the problem is, it also shows the Scroll-bars (right side and bottom). I want to see all the info on the page (no scroll-bars) so that i can print the page with all info.
I can change the view by creating a Datasheet view, but I want Gantt chart please, not any other view
Can any one help please
Cheers
SharePoint 2007 (Administration/Development) Web developer and .NET DTS Programmer .NET Framework 2.0/3.5 SQL Server 2008/2005/2kTuesday, July 6, 2010 2:04 PM
Answers
-
Hi,
It seems you don’t like the scroll-bars, you have to override the CSS styles of default core CSS file.
For your case, the class “ms-ganttDiv” in core CSS file control this style within gantt view page.
The default style in core CSS file is
.ms-ganttDiv
{
position:absolute;
overflow:auto;
height:272px;
width:100%;
}
You need override this class in gantt view page.
Try to add “Content Editor Webpart” to this page and
add the following code in source Editor:
<style>
.ms-ganttDiv{
position:static;
overflow:visible;
height:auto;
}
</style>Exit the edit mode, you can get no scroll bar.
Hope this helps
Thanks!
Stanfford
- Marked as answer by aliusman Wednesday, July 7, 2010 9:16 AM
Wednesday, July 7, 2010 7:20 AM
All replies
-
Hi,
It seems you don’t like the scroll-bars, you have to override the CSS styles of default core CSS file.
For your case, the class “ms-ganttDiv” in core CSS file control this style within gantt view page.
The default style in core CSS file is
.ms-ganttDiv
{
position:absolute;
overflow:auto;
height:272px;
width:100%;
}
You need override this class in gantt view page.
Try to add “Content Editor Webpart” to this page and
add the following code in source Editor:
<style>
.ms-ganttDiv{
position:static;
overflow:visible;
height:auto;
}
</style>Exit the edit mode, you can get no scroll bar.
Hope this helps
Thanks!
Stanfford
- Marked as answer by aliusman Wednesday, July 7, 2010 9:16 AM
Wednesday, July 7, 2010 7:20 AM -
That was perfect Stanfford , Thank you
cheers
SharePoint 2007 (Administration/Development) Web developer and .NET DTS Programmer .NET Framework 2.0/3.5 SQL Server 2008/2005/2kWednesday, July 7, 2010 9:17 AM -
Is this still the solution in SharePoint 2010?
Edit: I didn't catch the reference to adding the CEW. How does one go about overriding the CSS on the list view itself? I'm not seeing .ms-ganttDiv, defined in the default gantt.aspx anywhere.
<insert witty comment here>
- Edited by Bill Nesbitt Tuesday, March 20, 2012 9:32 PM
Tuesday, March 20, 2012 2:36 AM -
The solution is working for me in 2007 for gantt.aspx and the page where the webpart is, This is to remove the scroll-bars where ever they are regardless of what page it is.
hope this helps
SharePoint 2007 (Administration/Development) | Web developer and .NET DTS Programmer | .NET Framework 2.0/3.5 | SQL Server 2008/2005/2k
Monday, March 26, 2012 1:49 AM -
Thanks for the response...
Where in gantt.aspx are you inserting the code?
I seem to be having trouble getting this to work in 2010, but I'm crossing my fingers that the layout hasn't changed too dramatically from 2007.
<insert witty comment here>
Tuesday, March 27, 2012 7:00 PM