TabStrip with ScrollChildren too wide in IE 8

7 posts, 0 answers
  1. Roy Halvorsen
    Roy Halvorsen avatar
    83 posts
    Member since:
    Oct 2008

    Posted 10 Sep 2009 Link to this post

    Hi.

     

    Is there any updates on the problem described in thread “TabStrip with ScrollChildren too wide in Firefox 3”: my TabStrip is 10,000 px wide in IE 8. My Telerik DLL version is 2009.2.701.35.

     

    The JavaScript workaround you provided in the mentioned thread does not work for me since I am generating multiple tabstrips dynamically from code behind with dynamic names and also I have tabstrips inside other tabstrips.

    Thank you for any suggestions.

  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 10 Sep 2009 Link to this post

    Hi Roy,

    Please download the latest internal build of RadControls for ASP.NET AJAX and give it a try.

    Best wishes,
    Paul
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Roy Halvorsen
    Roy Halvorsen avatar
    83 posts
    Member since:
    Oct 2008

    Posted 11 Sep 2009 Link to this post

    Hi.

    The latest internal build 2009.2.906.35 does not make any difference, I still have the same problem.

    Roy
  5. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 14 Sep 2009 Link to this post

    Hello Roy,

    As far as I understand, the problem in the thread is the scroll arrows that do not show - a work-around is to cause a "repaint" of the tabstrip, like this:

    Sys.Application.add_load(function() { 
        var wrapperCell = $get('<%=RadTabStrip1.ClientID %>'); 
        var wrapperPane = $get('wrapperPane'); 
        wrapperCell.style.width = (parseInt(wrapperPane.style.width) - 4) + "px"; 
        wrapperCell.control.repaint();
    }
    );

    If this is not the case, please let me know.

    Regards,
    Alex
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  6. Roy Halvorsen
    Roy Halvorsen avatar
    83 posts
    Member since:
    Oct 2008

    Posted 14 Sep 2009 Link to this post

    No, the problem is that RadTabStrip .rtsScroll width is set to 10.000 px, causing the page to be to wide.

    This works perfect in IE7, but does not work in IE8 and Firefox.
  7. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 14 Sep 2009 Link to this post

    Hi Roy,

    I think it will be best if you can open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

    Best wishes,
    Paul
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  8. Roy Halvorsen
    Roy Halvorsen avatar
    83 posts
    Member since:
    Oct 2008

    Posted 16 Sep 2009 Link to this post

    Hi.

    When creating a test project I actually found the reason to my problem.

    The width problem was caused by having a "<table>" surrounding the TabStrip. This works in IE7 but not in IE8.

    My fix was to explicitly set the width of the TabStrip and replace the table with a div tag having a fixed width.

    Roy
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017