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

Tab scrolling doesn't work correctly.

1 Answer 94 Views

TabStrip

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

shunman asked on 06 Dec 2011, 02:18 AM

tab-missing.jpg

Hello Telerik team.

I have a problem with Tab scrolling.
I dynamically created Radtab on the RadTabStrip by Button Click event.
The Last Created Radtab does not appear RadTabStrip Area. It's in Second Row.
I have tested latest version. Q3 version. It still has problem.

I captured Screenshot and attaching source code.

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="OnlyTab._Default" %>

<!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">

<title></title>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<asp:Button ID="Button1" runat="server" Text="Button" /><br />

<telerik:RadTabStrip ID="RadTabStripContent" runat="server" ScrollChildren="true" dir="LTL" Visible="true" Height="27" Width="100%" >

<TabTemplate>

<asp:Label ID="LabelTabName" runat="server" Text='<%# DataBinder.Eval(Container, "Text") %>' />

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/DeleteTab.gif" onclick="javascript:alert('hi hello greeting');" />

</TabTemplate>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPageContent" runat="server" />

</form>

</body>

</html>

Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click

Label1.Text = (RadTabStripContent.Tabs.Count + 1)

Dim tab As RadTab = New RadTab

tab.Text = "RadTabTest" + (RadTabStripContent.Tabs.Count + 1).ToString()

tab.Selected = True

RadTabStripContent.Tabs.Add(tab)

RadTabStripContent.DataBind()

End Sub

Tab scrolling doesn't work correctly.

1 Answer, 1 is accepted