Hi,
I am using Rad Tabstrip in my code, which is working fine with internet explorer but not working with firefox or chrome.
My firefox version is v3.0.8 where as my google chrome version is v1.0.154.53.
Please find below the code I am using and let me know the solution as most of my users use firefox.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MemberPages_Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<link type="text/css" rel=Stylesheet href=MemberProps.css />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div style="left: 0px; width: 1024px; position: absolute; top: 60px; height: 708px">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Black" MultiPageID="RadMultiPage1"
SelectedIndex="0" CssClass="tabStrip">
<Tabs>
<telerik:RadTab Text="Details">
</telerik:RadTab>
<telerik:RadTab Text="Education">
</telerik:RadTab>
<telerik:RadTab Text="Skills">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPage">
<telerik:RadPageView ID="RadPageView1" runat="server">
<ul>
<li><label>Name:</label> John Smith</li>
<li><label>Birthday:</label> October 20th 1976</li>
<li><label>Marital Status:</label> Single</li>
</ul>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server" CssClass="pageViewEducation">
<p>
BSc (Hons) Computer Science MIT, Boston MA September 1994 - July 1998
</p>
<p>
Courses taken:
</p>
<ul>
<li><label>Computer Architecture:</label> [A+]</li>
<li><label>Programming:</label> [A]</li>
<li><label>Mathematics for Computing:</label> [A]</li>
<li><label>Database Specification:</label> [A]</li>
<li><label>Software Development:</label> [B+]</li>
<li><label>OO Software Development Project:</label> [B-]</li>
<li><label>Four Advanced OO Software Systems:</label> [A*]</li>
<li><label>Systems and Simulation:</label> [A-]</li>
<li><label>Computer Graphics:</label> [B+]</li>
</ul>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView3" runat="server">
<ul>
<li><label>Programming:</label> C#, JavaScript, C++, PHP</li>
<li><label>Web Technologies:</label> HTML, CSS, DHTML</li>
<li><label>Databases:</label> SQL Server 2005, MySQL, Access, Oracle</li>
<li><label>Operating Systems:</label> Windows, Linux, DOS</li>
</ul>
</telerik:RadPageView>
</telerik:RadMultiPage>
</div>
</form>
</body>
</html>
Thanks in advance.
Regards,
Sandeep Devagiri
I am using Rad Tabstrip in my code, which is working fine with internet explorer but not working with firefox or chrome.
My firefox version is v3.0.8 where as my google chrome version is v1.0.154.53.
Please find below the code I am using and let me know the solution as most of my users use firefox.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MemberPages_Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<link type="text/css" rel=Stylesheet href=MemberProps.css />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div style="left: 0px; width: 1024px; position: absolute; top: 60px; height: 708px">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Black" MultiPageID="RadMultiPage1"
SelectedIndex="0" CssClass="tabStrip">
<Tabs>
<telerik:RadTab Text="Details">
</telerik:RadTab>
<telerik:RadTab Text="Education">
</telerik:RadTab>
<telerik:RadTab Text="Skills">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPage">
<telerik:RadPageView ID="RadPageView1" runat="server">
<ul>
<li><label>Name:</label> John Smith</li>
<li><label>Birthday:</label> October 20th 1976</li>
<li><label>Marital Status:</label> Single</li>
</ul>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server" CssClass="pageViewEducation">
<p>
BSc (Hons) Computer Science MIT, Boston MA September 1994 - July 1998
</p>
<p>
Courses taken:
</p>
<ul>
<li><label>Computer Architecture:</label> [A+]</li>
<li><label>Programming:</label> [A]</li>
<li><label>Mathematics for Computing:</label> [A]</li>
<li><label>Database Specification:</label> [A]</li>
<li><label>Software Development:</label> [B+]</li>
<li><label>OO Software Development Project:</label> [B-]</li>
<li><label>Four Advanced OO Software Systems:</label> [A*]</li>
<li><label>Systems and Simulation:</label> [A-]</li>
<li><label>Computer Graphics:</label> [B+]</li>
</ul>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView3" runat="server">
<ul>
<li><label>Programming:</label> C#, JavaScript, C++, PHP</li>
<li><label>Web Technologies:</label> HTML, CSS, DHTML</li>
<li><label>Databases:</label> SQL Server 2005, MySQL, Access, Oracle</li>
<li><label>Operating Systems:</label> Windows, Linux, DOS</li>
</ul>
</telerik:RadPageView>
</telerik:RadMultiPage>
</div>
</form>
</body>
</html>
Thanks in advance.
Regards,
Sandeep Devagiri
2 Answers, 1 is accepted
0
Hi Sandeep,
We tested your code under all major browsers (IE, FF, Chrome, Safari), but we were not able to see any differences. Please refer to the attached movie for details.
Best wishes,
Paul
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
We tested your code under all major browsers (IE, FF, Chrome, Safari), but we were not able to see any differences. Please refer to the attached movie for details.
Best wishes,
Paul
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.
0
Ersin
Top achievements
Rank 1
Iron
Rank 1
Iron
answered on 02 Feb 2024, 06:16 AM
Hi,
I also encountered the same problem in 2024. But unfortunately you did not offer a solution. because you couldn't create the same error. but today RadTabStrip does not work in current browsers. I will examine it in detail and present my own conclusion. With this method, I managed to run it without any problems in all current browsers for February 2024:
before:
<telerik:RadTabStrip ID="rStrip" runat="server" Skin="Telerik" MultiPageID="rmp1" OnTabClick="rStrip_TabClick" SelectedIndex="0" CssClass="tabStrip">
after:
<telerik:RadTabStrip ID="rStrip" runat="server" Skin="Telerik" MultiPageID="rmp1" CausesValidation="false" OnTabClick="rStrip_TabClick" SelectedIndex="0" CssClass="tabStrip">
I also encountered the same problem in 2024. But unfortunately you did not offer a solution. because you couldn't create the same error. but today RadTabStrip does not work in current browsers. I will examine it in detail and present my own conclusion. With this method, I managed to run it without any problems in all current browsers for February 2024:
before:
<telerik:RadTabStrip ID="rStrip" runat="server" Skin="Telerik" MultiPageID="rmp1" OnTabClick="rStrip_TabClick" SelectedIndex="0" CssClass="tabStrip">
after:
<telerik:RadTabStrip ID="rStrip" runat="server" Skin="Telerik" MultiPageID="rmp1" CausesValidation="false" OnTabClick="rStrip_TabClick" SelectedIndex="0" CssClass="tabStrip">
Rumen
commented on 02 Feb 2024, 01:00 PM
Telerik team
Hi Ersin,
Thank you for sharing your solution to the RadTabStrip issue you encountered. It's interesting to see how browser compatibility issues evolve and how solutions can sometimes come from adjusting properties related to the control's interaction with the rest of the form, such as disabling validation with CausesValidation="false".
However, to better assist you and ensure that the solution addresses the root cause of the issue, can you provide more details about the exact problem you are experiencing with the RadTabStrip in current browsers?
Specifically:
- Clarify the Problem: What exactly happens when you say the RadTabStrip does not work? Are the tabs not clickable, is there a JavaScript error, or does the content not switch as expected?
- Sample Application: If possible, could you share a simplified version of your application where this issue occurs? This would help in replicating the problem more accurately.
- Console Errors: When the validation is turned on (without CausesValidation="false"), do you notice any errors in the browser's console that might indicate what's going wrong?
- Demonstration: A video or screenshots demonstrating the issue could greatly help in understanding the exact behavior you're encountering.
- Upgrade to the latest version: Test with the latest Telerik UI for ASP.NET AJAX and browser versions.
Looking forward to your response.