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

Tab display issue

1 Answer 35 Views

TabStrip

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

shunman asked on 10 Dec 2012, 12:58 AM

Hello telerik.

we have 2 problems about tab control.
we are using 2012.912.40 version we tried to install lastest telerik version for testing, same too.

First problem is already mentioned problem, please refer previous article link.
http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/have-you-fixed-feeding-tab-problem.aspx

we recevied message that will be solve problem as soon as possible, but problem is still exists.

Second problem is like first problem.
When I create 15 ~ 20 tabs tabstrip scrollbar has shown. and scrolling scrollbar to right side.
And closing tab located in middle until all tabs are closed.
While tab is closing, sometimes tabstrip control is disappeard.

we make simple code for identifying problem. it looks bug.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="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">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadButtonAdd">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStripContent" />

<telerik:AjaxUpdatedControl ControlID="LabelCount" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadButtonClose_Click">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStripContent" />

<telerik:AjaxUpdatedControl ControlID="LabelCount" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div style="height: 100px; background-color: gray;">

<telerik:RadTabStrip ID="RadTabStripContent" runat="server" Skin="Simple" ScrollChildren="true" dir="LTL" EnableEmbeddedSkins="true"

Visible="true">

<TabTemplate>

<asp:Label ID="LabelTabName" runat="server" />

Tab

</TabTemplate>

</telerik:RadTabStrip>

</div>

<telerik:RadButton runat="server" ID="RadButtonAdd" Text="Add" OnClick="RadButtonAdd_Click"></telerik:RadButton>

<telerik:RadButton runat="server" ID="RadButtonClose" Text="close" OnClick="RadButtonClose_Click"></telerik:RadButton>

<asp:Label runat="server" ID="LabelCount" Text="Tab Count:"></asp:Label>

</form>

</body>

</html>

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Configuration;

using System.Web.Security;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadButtonClose_Click(object sender, EventArgs e)

{

RadTabStripContent.Tabs.RemoveAt(RadTabStripContent.Tabs.Count -4);

LabelCount.Text = "Tab Count:" + RadTabStripContent.Tabs.Count;

}

protected void RadButtonAdd_Click(object sender, EventArgs e)

{

RadTab tab = new RadTab();

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

RadTabStripContent.Tabs.Add(tab);

LabelCount.Text = "Tab Count:" + RadTabStripContent.Tabs.Count;

}

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Tab display issue

1 Answer, 1 is accepted