locked
Removing Scrollbars from Project Tasks RRS feed

  • 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/2k
    Tuesday, 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/2k
    Wednesday, 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>


    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