We are are using Telerik Tabstrip but the Scrolling appears in IE 6.0 but not in IE 8.0
Can you please fix these issue ASAP.
Since we are having Production GoLive verysoon and system is being halted in UAT
8 Answers, 1 is accepted
Which version of the controls exactly you're using? Do you receive any javascript errors? We need more details in order to reproduce the issue.
All the best,
Yana
the Telerik team
IE 8.0 version 8.0.6001.18702
We dont recive any JavaScript error.
Could you please send us a sample page or a live url of the problem to examine it locally?
Regards,
Helen
the Telerik team
hi;
As requested please find sample project for the issue reported ealier
We are using Telerik dll File version 2009.02.0826.20
please use this version DLL.
Telerik dll is not uploaded in sample project kindly
use the above version of DLL
please find the sample code snnipet for Aspx
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<%
@ Page Language="C#" AutoEventWireup="true" CodeFile="Home.aspx.cs" Inherits="Home" %>
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%
--<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>--%>
<%
@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head id="Head1" runat="server">
<script type="text/javascript">
function addTab() {
// Adds the tab to the Tabs Collection of the selected tab
selectedTab.get_tabs().add(tab);
tab.set_text(
"Child Tab " + selectedTab.get_tabs().get_count());
}
function removeTab() {
//Removes the selected tab from the Tabs Collection of the tabstrip
tabStrip.get_tabs().remove(selectedTab);
}
function disableTab() {
//Disables the selected tab
selectedTab.set_enabled(
false);
}
var combo = null;
function CloseActiveToolTip() {
// var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();
// if (tooltip) tooltip.hide();
}
function OnClientHide(sender, args) {
// if (combo) {
// $find(combo.id).hideDropDown();
}
</script>
<style type="text/css">
.section
{
clear: both;
overflow: auto; /*clear the floats*/
padding: 10px;
}
</style>
</
head>
<
body class="BODY">
<form runat="server" id="mainForm" method="post">
<telerik:RadScriptManager ID="ScriptManager" runat="server" />
<script type="text/javascript">
//<![CDATA[
function checkgdatachange()
{ }
function addTab() {
var tabStrip = $find("<%= RadTabStrip1.ClientID %>");
var selectedTab = tabStrip.get_selectedTab();
tabStrip.trackChanges();
var tab = new Telerik.Web.UI.RadTab();
//tab.set_text("Section Tab " + selectedTab.get_tabs().get_count());
// tab.set_text("Section Tab " + document.getElementById('hdnLastTabIndex').value);
// tab.set_pageViewID("RadPageView7");
// tabStrip.get_tabs().add(tab)
//selectedTab.get_tabs().add(tab);
// var ObjNewRadPageView = new Telerik.Web.UI.RadPageView();
//
// ObjNewRadPageView = ObjRadPageView;
// debugger;
tabStrip.commitChanges();
}
// function disableTab() {
// var persistChanges = $get(" CheckBox1.ClientID ").checked;
// var tabStrip = $find("RadTabStrip3.ClientID");
// var selectedTab = tabStrip.get_selectedTab();
// if (!selectedTab) {
// alert("Please select a tab first");
// return false;
// }
// if (persistChanges)
// tabStrip.trackChanges();
// selectedTab.set_enabled(false);
// selectedTab.set_selected(false);
// if (persistChanges)
// tabStrip.commitChanges();
// return false;
// }
//]]>
</script>
<table cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
<td>
</td>
</tr>
<tr>
<td bgcolor="#ffffcc" height="2">
</td>
</tr>
<tr>
<td bgcolor="#f6f6f6">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="75%">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" colspan="3">
<div id="divSection" class="divSection">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<%
-- <telerik:RadTabStrip ID="RadTabStrip4" runat="server" MultiPageID="RadMultiPage1"
SelectedIndex="0" CssClass="tabStrip" ScrollButtonsPosition="Right">
<Tabs>
<telerik:RadTab Text="General" Width="15%" Selected="true" PageViewID="RadPageView1">
</telerik:RadTab>
<telerik:RadTab Text="CheckList Sec1" Width="15%" PageViewID="RadPageView3">
</telerik:RadTab>
<telerik:RadTab Text="Report link" Width="15%" PageViewID="RadPageView4">
</telerik:RadTab>
<telerik:RadTab Text="Sample Tab4" Width="15%" PageViewID="RadPageView2">
</telerik:RadTab>
<telerik:RadTab Text="Sample Tab5" Width="15%" PageViewID="RadPageView5">
</telerik:RadTab>
<telerik:RadTab Text="Sample Tab6" Width="15%" PageViewID="RadPageView6">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>--
%>
<table>
<tr>
<td align="left">
<telerik:RadTabStrip runat="server" ID="RadTabStrip1" Style="float: left" SelectedIndex="0"
MultiPageID="RadMultiPage1" ScrollButtonsPosition="Right" OnClientTabSelecting="checkgdatachange" ScrollChildren="true">
</telerik:RadTabStrip>
</td>
<td align="right">
<asp:Button ID="Button2" runat="server" Text="AddTab"
OnClick="gettabDetails_clicked" />
</td>
</tr>
</table>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" CssClass="multiPage" ScrollBars="Auto" OnPageViewCreated="RadMultiPage1_PageViewCreated">
<telerik:RadPageView ID="RadPageView1" runat="server" Selected="true">
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server" ScrollBars="Auto">
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView3" runat="server">
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView4" runat="server">
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageViewDemo" runat="server">
</telerik:RadPageView>
</telerik:RadMultiPage>
</td>
</tr>
</table>
</div>
<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Textarea" />
</td>
</tr>
<tr>
<td height="23" colspan="3">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="2%">
</td>
<td>
</td>
</tr>
<tr>
<td>
<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" RelativeTo="Element"
Width="250px" Height="200px" Animation="Resize" HideEvent="ManualClose" Skin="Office2007"
OnAjaxUpdate="OnAjaxUpdate" OnClientHide="OnClientHide" RenderInPageRoot="true"
AnimationDuration="200" EnableShadow="true" Position="TopRight">
</telerik:RadToolTipManager>
<telerik:RadToolTipManager runat="server" ID="RadToolTipManager2" RelativeTo="Element"
Width="250px" Height="200px" Animation="Resize" Skin="WebBlue" OnAjaxUpdate="OnAjaxUpdate"
OnClientHide="OnClientHide" RenderInPageRoot="true" AnimationDuration="200" EnableShadow="true"
Position="TopRight">
</telerik:RadToolTipManager>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" height="23">
<br>
<table cellpadding="0" cellspacing="0" class="style1" border="0">
<tr>
<td colspan="6" height="1" bgcolor="gray">
</td>
</tr>
<tr>
<td width="21%">
</td>
</tr>
</table>
</td>
</tr>
</table>
<asp:HiddenField id="hdnLastTabIndex" runat="server" />
</form>
</
body>
</
html>
------------------------------------------------------------------------------------------------------------------------------
.cs code snnipet
----------------------------------------------------------------------------------------------------------------------------
using
System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Web;
using
System.Web.UI;
using
System.Web.UI.WebControls;
using
Telerik.Web.UI;
public
partial class Home : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
hdnLastTabIndex.Value =
"5";
FillTabStrip(RadTabStrip1);
// EventLogConsole1.LoggedEvents.Clear();
}
}
protected void OnAjaxUpdate(object sender, ToolTipUpdateEventArgs args)
{
this.UpdateToolTip(args.Value, args.UpdatePanel);
}
protected void gettabDetails_clicked(object sender, EventArgs e)
{
RadPageView pageView =
new RadPageView();
pageView.ID =
"RadPageView" + (RadTabStrip1.Tabs.Count + 1);
//string userControlName = pageView.ID + "CS.ascx";
//Control userControl = Page.LoadControl("UserControls/Grid.ascx");
//userControl.ID = pageView.ID + "_userControl";
//pageView.Controls.Add(userControl);
RadMultiPage1.PageViews.Add(pageView);
RadTab tab =
new RadTab();
hdnLastTabIndex.Value = (
Convert.ToInt32(hdnLastTabIndex.Value) + 1).ToString();
// tab = RadTabStrip1.Tabs[Convert.ToInt32(hdnLastTabIndex.Value) -1 ];
tab.PageViewID =
"RadPageView" + RadTabStrip1.Tabs.Count + 1;
tab.Text =
"TelerikTab " + hdnLastTabIndex.Value;
RadTabStrip1.Tabs.Add(tab);
}
protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e)
{
// if (string.IsNullOrEmpty(hdnLastTabIndex.Value))
{
//if (Convert.ToInt32(hdnLastTabIndex.Value) > 6)
{
string userControlName = e.PageView.ID + "CS.ascx";
//Control userControl = Page.LoadControl("UserControls/Grid.ascx");
//userControl.ID = e.PageView.ID + "_userControl";
//e.PageView.Controls.Add(userControl);
}
}
}
private void UpdateToolTip(string elementID, UpdatePanel panel)
{
Control ctrl = Page.LoadControl("WebUserControl.ascx");
panel.ContentTemplateContainer.Controls.Add(ctrl);
// WebUserControl details = (WebUserControl)ctrl;
//details.ProductID = elementID;
}
private void FillTabStrip(RadTabStrip tabStrip)
{
tabStrip.Tabs.Clear();
RadPageView pageView =
new RadPageView();
for (int i = 0; i < 5; i++)
{
RadTab tab =
new RadTab();
tabStrip.Tabs.Add(tab);
switch (i)
{
case 0:
tab.Text =
"TelerikTab1";
tab.PageViewID =
"RadPageView1";
break;
case 1:
tab.Text =
"TelerikTab2";
tab.PageViewID =
"RadPageView2";
break;
case 2:
tab.Text =
"TelerikTab3";
tab.PageViewID =
"RadPageView3";
break;
case 3:
tab.Text =
"TelerikTab4";
tab.PageViewID =
"RadPageView4";
break;
case 4:
{
pageView.ID =
"RadPageView" + (RadTabStrip1.Tabs.Count + 1);
//string userControlName = pageView.ID + "CS.ascx";
//Control userControl = Page.LoadControl("UserControls/Grid.ascx");
//userControl.ID = pageView.ID + "_userControl";
//pageView.Controls.Add(userControl);
RadMultiPage1.PageViews.Add(pageView);
// tab = RadTabStrip1.Tabs[Convert.ToInt32(hdnLastTabIndex.Value) -1 ];
tab.PageViewID =
"RadPageView" + RadTabStrip1.Tabs.Count + 1;
tab.Text =
"TelerikTab" + hdnLastTabIndex.Value;
RadTabStrip1.Tabs.Add(tab);
break;
}
default:
break;
}
}
}
protected void Button1_Click(object sender, EventArgs e)
{
DescribeTabStrip(RadTabStrip1);
}
private void DescribeTabStrip(RadTabStrip tabStrip)
{
foreach (ClientOperation<RadTab> operation in tabStrip.ClientChanges)
{
RadTab tab = operation.Item;
//switch (operation.Type)
//{
// case ClientOperationType.Insert:
// EventLogConsole1.LoggedEvents.Add( "Added tab with text: \"" + tab.Text + "\"" + Environment.NewLine );
// break;
// case ClientOperationType.Remove:
// EventLogConsole1.LoggedEvents.Add( "Removed tab with text: \"" + tab.Text + "\"" + Environment.NewLine );
// break;
// case ClientOperationType.Update:
// UpdateClientOperation<RadTab> update = operation as UpdateClientOperation<RadTab>;
// EventLogConsole1.LoggedEvents.Add( "The \"" + update.PropertyName + "\" property of the \"" + tab.Text + "\" tab was updated." + Environment.NewLine);
// break;
//}
}
}
}
------------------------------------------------------------------------------------------------------------------------------------------------
As requested we posted the sample code with the issue yesterday.
Awaiting for response.
we will be highly thankful if you can try to send the response ASAP
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Home.aspx.cs" Inherits="Home" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%--<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>--%>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
id
=
"Head1"
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
function addTab() {
// Adds the tab to the Tabs Collection of the selected tab
selectedTab.get_tabs().add(tab);
tab.set_text("Child Tab " + selectedTab.get_tabs().get_count());
}
function removeTab() {
//Removes the selected tab from the Tabs Collection of the tabstrip
tabStrip.get_tabs().remove(selectedTab);
}
function disableTab() {
//Disables the selected tab
selectedTab.set_enabled(false);
}
var combo = null;
function CloseActiveToolTip() {
// var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();
// if (tooltip) tooltip.hide();
}
function OnClientHide(sender, args) {
// if (combo) {
// $find(combo.id).hideDropDown();
}
</
script
>
<
style
type
=
"text/css"
>
.section
{
clear: both;
overflow: auto; /*clear the floats*/
padding: 10px;
}
</
style
>
</
head
>
<
body
class
=
"BODY"
>
<
form
runat
=
"server"
id
=
"mainForm"
method
=
"post"
>
<
telerik:RadScriptManager
ID
=
"ScriptManager"
runat
=
"server"
/>
<
script
type
=
"text/javascript"
>
//
<![CDATA[
function checkgdatachange()
{ }
function addTab() {
var tabStrip = $find("<%= RadTabStrip1.ClientID %>");
var selectedTab = tabStrip.get_selectedTab();
tabStrip.trackChanges();
var tab = new Telerik.Web.UI.RadTab();
//tab.set_text("Section Tab " + selectedTab.get_tabs().get_count());
// tab.set_text("Section Tab " + document.getElementById('hdnLastTabIndex').value);
// tab.set_pageViewID("RadPageView7");
// tabStrip.get_tabs().add(tab)
//selectedTab.get_tabs().add(tab);
// var ObjNewRadPageView = new Telerik.Web.UI.RadPageView();
//
// ObjNewRadPageView = ObjRadPageView;
// debugger;
tabStrip.commitChanges();
}
// function disableTab() {
// var persistChanges = $get(" CheckBox1.ClientID ").checked;
// var tabStrip = $find("RadTabStrip3.ClientID");
// var selectedTab = tabStrip.get_selectedTab();
// if (!selectedTab) {
// alert("Please select a tab first");
// return false;
// }
// if (persistChanges)
// tabStrip.trackChanges();
// selectedTab.set_enabled(false);
// selectedTab.set_selected(false);
// if (persistChanges)
// tabStrip.commitChanges();
// return false;
// }
//]]>
</
script
>
<
table
cellpadding
=
"0"
cellspacing
=
"0"
style
=
"width: 100%"
>
<
tr
>
<
td
>
</
td
>
</
tr
>
<
tr
>
<
td
bgcolor
=
"#ffffcc"
height
=
"2"
>
</
td
>
</
tr
>
<
tr
>
<
td
bgcolor
=
"#f6f6f6"
>
<
table
border
=
"0"
cellpadding
=
"0"
cellspacing
=
"0"
width
=
"100%"
>
<
tr
>
<
td
width
=
"75%"
>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"left"
colspan
=
"3"
>
<
div
id
=
"divSection"
class
=
"divSection"
>
<
table
width
=
"100%"
border
=
"0"
cellpadding
=
"0"
cellspacing
=
"0"
>
<
tr
>
<
td
>
<%-- <
telerik:RadTabStrip
ID
=
"RadTabStrip4"
runat
=
"server"
MultiPageID
=
"RadMultiPage1"
SelectedIndex
=
"0"
CssClass
=
"tabStrip"
ScrollButtonsPosition
=
"Right"
>
<
Tabs
>
<
telerik:RadTab
Text
=
"General"
Width
=
"15%"
Selected
=
"true"
PageViewID
=
"RadPageView1"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"CheckList Sec1"
Width
=
"15%"
PageViewID
=
"RadPageView3"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Report link"
Width
=
"15%"
PageViewID
=
"RadPageView4"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Sample Tab4"
Width
=
"15%"
PageViewID
=
"RadPageView2"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Sample Tab5"
Width
=
"15%"
PageViewID
=
"RadPageView5"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Sample Tab6"
Width
=
"15%"
PageViewID
=
"RadPageView6"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>--%>
<
table
>
<
tr
>
<
td
align
=
"left"
>
<
telerik:RadTabStrip
runat
=
"server"
ID
=
"RadTabStrip1"
Style
=
"float: left"
SelectedIndex
=
"0"
MultiPageID
=
"RadMultiPage1"
ScrollButtonsPosition
=
"Right"
OnClientTabSelecting
=
"checkgdatachange"
ScrollChildren
=
"true"
>
</
telerik:RadTabStrip
>
</
td
>
<
td
align
=
"right"
>
<
asp:Button
ID
=
"Button2"
runat
=
"server"
Text
=
"AddTab"
OnClick
=
"gettabDetails_clicked"
/>
</
td
>
<
td
align
=
"right"
>
<
asp:TextBox
ID
=
"txtdata"
runat
=
"server"
>
</
asp:TextBox
>
</
td
>
<
td
align
=
"right"
>
<
asp:Button
ID
=
"Button1"
runat
=
"server"
Text
=
"GotoTab"
OnClick
=
"Button1_Click"
/>
</
td
>
</
tr
>
</
table
>
<
telerik:RadMultiPage
ID
=
"RadMultiPage1"
runat
=
"server"
CssClass
=
"multiPage"
ScrollBars
=
"Auto"
OnPageViewCreated
=
"RadMultiPage1_PageViewCreated"
>
<
telerik:RadPageView
ID
=
"RadPageView1"
runat
=
"server"
Selected
=
"true"
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"RadPageView2"
runat
=
"server"
ScrollBars
=
"Auto"
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"RadPageView3"
runat
=
"server"
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"RadPageView4"
runat
=
"server"
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"RadPageViewDemo"
runat
=
"server"
>
</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
</
td
>
</
tr
>
</
table
>
</
div
>
<
telerik:RadFormDecorator
runat
=
"server"
ID
=
"RadFormDecorator1"
DecoratedControls
=
"Textarea"
/>
</
td
>
</
tr
>
<
tr
>
<
td
height
=
"23"
colspan
=
"3"
>
<
table
cellpadding
=
"0"
cellspacing
=
"0"
border
=
"0"
width
=
"100%"
>
<
tr
>
<
td
width
=
"2%"
>
</
td
>
<
td
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
telerik:RadToolTipManager
runat
=
"server"
ID
=
"RadToolTipManager1"
RelativeTo
=
"Element"
Width
=
"250px"
Height
=
"200px"
Animation
=
"Resize"
HideEvent
=
"ManualClose"
Skin
=
"Office2007"
OnAjaxUpdate
=
"OnAjaxUpdate"
OnClientHide
=
"OnClientHide"
RenderInPageRoot
=
"true"
AnimationDuration
=
"200"
EnableShadow
=
"true"
Position
=
"TopRight"
>
</
telerik:RadToolTipManager
>
<
telerik:RadToolTipManager
runat
=
"server"
ID
=
"RadToolTipManager2"
RelativeTo
=
"Element"
Width
=
"250px"
Height
=
"200px"
Animation
=
"Resize"
Skin
=
"WebBlue"
OnAjaxUpdate
=
"OnAjaxUpdate"
OnClientHide
=
"OnClientHide"
RenderInPageRoot
=
"true"
AnimationDuration
=
"200"
EnableShadow
=
"true"
Position
=
"TopRight"
>
</
telerik:RadToolTipManager
>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td
bgcolor
=
"#FFFFFF"
height
=
"23"
>
<
br
>
<
table
cellpadding
=
"0"
cellspacing
=
"0"
class
=
"style1"
border
=
"0"
>
<
tr
>
<
td
colspan
=
"6"
height
=
"1"
bgcolor
=
"gray"
>
</
td
>
</
tr
>
<
tr
>
<
td
width
=
"21%"
>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
</
table
>
<
asp:HiddenField
id
=
"hdnLastTabIndex"
runat
=
"server"
/>
</
form
>
</
body
>
</
html
>
using
System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Web;
using
System.Web.UI;
using
System.Web.UI.WebControls;
using
Telerik.Web.UI;
public
partial
class
Home : System.Web.UI.Page
{
protected
void
Page_Load(
object
sender, EventArgs e)
{
if
(!Page.IsPostBack)
{
hdnLastTabIndex.Value =
"5"
;
FillTabStrip(RadTabStrip1);
// EventLogConsole1.LoggedEvents.Clear();
}
}
protected
void
OnAjaxUpdate(
object
sender, ToolTipUpdateEventArgs args)
{
this
.UpdateToolTip(args.Value, args.UpdatePanel);
}
protected
void
gettabDetails_clicked(
object
sender, EventArgs e)
{
RadPageView pageView =
new
RadPageView();
pageView.ID =
"RadPageView"
+ (RadTabStrip1.Tabs.Count + 1);
//string userControlName = pageView.ID + "CS.ascx";
//Control userControl = Page.LoadControl("UserControls/Grid.ascx");
//userControl.ID = pageView.ID + "_userControl";
//pageView.Controls.Add(userControl);
RadMultiPage1.PageViews.Add(pageView);
RadTab tab =
new
RadTab();
hdnLastTabIndex.Value = (Convert.ToInt32(hdnLastTabIndex.Value) + 1).ToString();
// tab = RadTabStrip1.Tabs[Convert.ToInt32(hdnLastTabIndex.Value) -1 ];
tab.PageViewID =
"RadPageView"
+ RadTabStrip1.Tabs.Count + 1;
tab.Text =
"TelerikTab "
+ hdnLastTabIndex.Value;
RadTabStrip1.Tabs.Add(tab);
}
protected
void
RadMultiPage1_PageViewCreated(
object
sender, RadMultiPageEventArgs e)
{
// if (string.IsNullOrEmpty(hdnLastTabIndex.Value))
{
//if (Convert.ToInt32(hdnLastTabIndex.Value) > 6)
{
string
userControlName = e.PageView.ID +
"CS.ascx"
;
//Control userControl = Page.LoadControl("UserControls/Grid.ascx");
//userControl.ID = e.PageView.ID + "_userControl";
//e.PageView.Controls.Add(userControl);
}
}
}
private
void
UpdateToolTip(
string
elementID, UpdatePanel panel)
{
Control ctrl = Page.LoadControl(
"WebUserControl.ascx"
);
panel.ContentTemplateContainer.Controls.Add(ctrl);
// WebUserControl details = (WebUserControl)ctrl;
//details.ProductID = elementID;
}
private
void
FillTabStrip(RadTabStrip tabStrip)
{
tabStrip.Tabs.Clear();
RadPageView pageView =
new
RadPageView();
for
(
int
i = 0; i < 5; i++)
{
RadTab tab =
new
RadTab();
tabStrip.Tabs.Add(tab);
switch
(i)
{
case
0:
tab.Text =
"TelerikTab1"
;
tab.PageViewID =
"RadPageView1"
;
break
;
case
1:
tab.Text =
"TelerikTab2"
;
tab.PageViewID =
"RadPageView2"
;
break
;
case
2:
tab.Text =
"TelerikTab3"
;
tab.PageViewID =
"RadPageView3"
;
break
;
case
3:
tab.Text =
"TelerikTab4"
;
tab.PageViewID =
"RadPageView4"
;
break
;
case
4:
{
pageView.ID =
"RadPageView"
+ (RadTabStrip1.Tabs.Count + 1);
//string userControlName = pageView.ID + "CS.ascx";
//Control userControl = Page.LoadControl("UserControls/Grid.ascx");
//userControl.ID = pageView.ID + "_userControl";
//pageView.Controls.Add(userControl);
RadMultiPage1.PageViews.Add(pageView);
// tab = RadTabStrip1.Tabs[Convert.ToInt32(hdnLastTabIndex.Value) -1 ];
tab.PageViewID =
"RadPageView"
+ RadTabStrip1.Tabs.Count + 1;
tab.Text =
"TelerikTab"
+ hdnLastTabIndex.Value;
RadTabStrip1.Tabs.Add(tab);
break
;
}
default
:
break
;
}
}
}
protected
void
Button1_Click(
object
sender, EventArgs e)
{
Control cntrl =
this
.Form.FindControl(txtdata.Text);
RadPageView pageView =
new
RadPageView();
RadTab tab =
new
RadTab();
tab = RadTabStrip1.FindTabByText(txtdata.Text);
tab.Selected =
true
;
//pageView = (RadPageView)(cntrl);
//pageView.Enabled = true;
//pageView.Selected = true;
}
}
hi;
please find the code snnppet as requested.
we are Awaiting for the reply.
Our Production Go-live is being delayed due to this issue
can you please reply ASAP..
The reason for this issue is that you've placed the tabstrip in a table and tables are handled differently by different browsers. In order to use scrolling in your case you should set Width property to the tabstrip in pixels:
<
telerik:RadTabStrip
runat
=
"server"
ID
=
"RadTabStrip1"
Style
=
"float: left"
SelectedIndex
=
"0"
MultiPageID
=
"RadMultiPage1"
ScrollButtonsPosition
=
"Right"
OnClientTabSelecting
=
"checkgdatachange"
Width
=
"600px"
ScrollChildren
=
"true"
>
</
telerik:RadTabStrip
>
Kind regards,
Yana
the Telerik team