This is a migrated thread and some comments may be shown as answers.

TabStrip with ScrollChildren too wide in IE 8

6 Answers 52 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Roy Halvorsen
Top achievements
Rank 1
Roy Halvorsen asked on 10 Sep 2009, 11:28 AM

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.

6 Answers, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 10 Sep 2009, 12:48 PM
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.
0
Roy Halvorsen
Top achievements
Rank 1
answered on 11 Sep 2009, 08:16 AM
Hi.

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

Roy
0
Alex Gyoshev
Telerik team
answered on 14 Sep 2009, 07:46 AM
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.
0
Roy Halvorsen
Top achievements
Rank 1
answered on 14 Sep 2009, 08:00 AM
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.
0
Paul
Telerik team
answered on 14 Sep 2009, 09:45 AM
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.
0
Roy Halvorsen
Top achievements
Rank 1
answered on 16 Sep 2009, 09:05 AM
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
Tags
TabStrip
Asked by
Roy Halvorsen
Top achievements
Rank 1
Answers by
Paul
Telerik team
Roy Halvorsen
Top achievements
Rank 1
Alex Gyoshev
Telerik team
Share this question
or