Get not get rid of IE browser horizontal scroll bar - Style="overflow: hidden; " not work

3 posts, 0 answers
  1. JJ
    JJ avatar
    147 posts
    Member since:
    May 2010

    Posted 19 Jan 2011 Link to this post

    I have a radgrid with lots columns, lot of dropdown filter columns(created by using the following example for dropdown filter column)

    http://demos.telerik.com/aspnet-ajax/grid/examples/programming/filteringtemplatecolumns/defaultcs.aspx

    Everything works fine except can not get rid of IE horizontal  scroll bar .  I tried Style="overflow: hidden; ", but doesn't work.

    If I removed several dropdown filter column, the probelm can be solved but obviously I need to keep those dropdown filter column.

    I only need the grid scroll bar, not the browser scroll bar.  How can I get rid of the broswer scroll bar?

    Please help.

  2. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 20 Jan 2011 Link to this post

    Hi Jessie,

    Please set the position:relative style to the scrollable container, whatever it is. In your case it is probably the RadGrid data container:

    .rgDataDiv
    {
              position:relative;
    }

    I hope this helps.

    Regards,
    Pavlina
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. JJ
    JJ avatar
    147 posts
    Member since:
    May 2010

    Posted 20 Jan 2011 Link to this post

    Thanks Pavlina. It works!!
Back to Top