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

radtabstrip background image problem in ie8

12 Answers 109 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
geetu malhotra
Top achievements
Rank 1
geetu malhotra asked on 29 Dec 2009, 09:51 AM
Hi
I used radtabstrip control in my .net application.In IE8 if there was a scroll in the page due to increased content length, the background images used in tabs of the radtabstrip control also came down on scrolling the page.I am not facing this problem in IE7.Please help asap.

12 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 29 Dec 2009, 10:00 AM
Hello Geetu,

Can you give us more information about your issue. At least a screenshot with more detailed description or a live URL will help us determine the problem. Thank you in advance.

Regards,
Kamen Bundev
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
geetu malhotra
Top achievements
Rank 1
answered on 29 Dec 2009, 10:06 AM
This image contains the tabstrip background images used in tabs which have came down from top of the page along with scrolling in the page.
0
geetu malhotra
Top achievements
Rank 1
answered on 29 Dec 2009, 10:59 AM
Hi telerik team
could you find any thing for this issue?
0
Kamen Bundev
Telerik team
answered on 29 Dec 2009, 01:02 PM
Hello Geetu,

Are you sure this happens in IE8 and not in IE7? The position: relative bug can cause such issues in IE6/7, but I'm not aware of such problems in IE8. Can you post a live URL of your page, so that I can see it?

Sincerely yours,
Kamen Bundev
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
geetu malhotra
Top achievements
Rank 1
answered on 29 Dec 2009, 01:27 PM

Hello Kamen Bundev
I have not placed 'position:relative' tag in my code.Though in case used it would have made the entire radtabstrip be located on top even on scroll.I am posting a part of my code :-

 

<

 

table width="100%" border="0" cellpadding="0" cellspacing="0">

 

 

 

<tr>

 

 

 

<td colspan="3" style="height: 21px;">

 

 

 

<radTS:RadTabStrip ID="RadTabStrip1" runat="server" AutoPostBack="True" CausesValidation="true">

 

 

 

<Tabs>

 

 

<radTS:Tab runat="server" Text="Save" CssClass="save" SelectedCssClass="save">

 

 

</radTS:Tab>

 

 

 <radTS:Tab runat="server" Text="Delete" CssClass="delete" SelectedCssClass="delete">

 

 

</radTS:Tab>

 

 

<radTS:Tab runat="server" Text="Print" CssClass="print" SelectedCssClass="print">

 

 

</radTS:Tab>

 

 

<radTS:Tab runat="server" CssClass="closeWin" Text="Close" SelectedCssClass="closeWin">

 

 

</radTS:Tab>

 

 

</Tabs>

 

 

</radTS:RadTabStrip>

 

 

</td>

 

 

</tr>

 

 </

 

table>

And this is a part of the css being applied on tabs of the radtabstrip control :-

 

 

 

 

 

 

.closeWin

 

{

 

background: transparent url('img/close.jpg') 2px 0px no-repeat;

 

}

 

 

Now when i use this radtabstrip in my code, on scroll of the page just the tabs of the radtabstrip come down and not the entire radtabstrip, as you could see in the last attachment. 

0
Kamen Bundev
Telerik team
answered on 29 Dec 2009, 01:34 PM
Hello Geetu,

Which version of RadControls for ASP.NET AJAX are you using? Can you confirm in which browser exactly you are experiencing the issue?

Kind regards,
Kamen Bundev
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
geetu malhotra
Top achievements
Rank 1
answered on 29 Dec 2009, 01:47 PM
Hello Kamen Bundev
I am using r.a.d.controls Q4 2006 for ASP.Net and IE8 browser
Thanks n Regards
Geetu
0
Kamen Bundev
Telerik team
answered on 29 Dec 2009, 02:06 PM
Hello Geetu,

Looks like this is the problem. Classic RadTabStrip rendering included the usage of position: relative for every tab. To fix it, you need to set position: relative to your scrolling container (whichever element on your page has the scrollbar).

Kind regards,
Kamen Bundev
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
geetu malhotra
Top achievements
Rank 1
answered on 29 Dec 2009, 02:37 PM
Agreed, but position:relative would now lay my radtabstrip on top of the page always , though I wanted that it should be scrolled as other controls are on the page.
For example if i have a textbox on top of the page below my radtabstrip, on scrolling below I wont be able to see the textbox.
Is this possible any ways for radtabstrip control?
0
Kamen Bundev
Telerik team
answered on 29 Dec 2009, 02:41 PM
Hello Geetu,

I can't tell you more without actually seeing the issue because it depends on your layout. I will need a live URL, a sample page or at least a Save As Web Page Complete in order to reproduce the issue and be able to help you.

Kind regards,
Kamen Bundev
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
geetu malhotra
Top achievements
Rank 1
answered on 06 Jan 2010, 10:43 AM

Hello Kamen Bundev
I am using r.a.d.controls Q4 2006 for ASP.Net and IE8 browser.
Is this the latest version of rad controls?
Has Telerik launched any compatible version for ie8?
I am facing problems with IE8 browser if i set my compatibility mode to off.
Thanks n Regards
Geetu

0
Kamen Bundev
Telerik team
answered on 14 Jan 2010, 10:02 AM
Hello Geetu,

RadControls for ASP.NET is not in sales since 2007 year and not updated since Q1 2009. There are newer versions of RadControls for ASP.NET but there isn't one that officially supports the IE8 browser. If you still want to use the Classic controls, you need to turn IE8 compatibility mode on.

On the other hand, RadControls for ASP.NET AJAX is currently actively developed and has IE8 support since Q1 2009 SP1.

Sincerely yours,
Kamen Bundev
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.
Tags
TabStrip
Asked by
geetu malhotra
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
geetu malhotra
Top achievements
Rank 1
Share this question
or