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

Tabstrip suddenly invisible

1 Answer 39 Views

TabStrip

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

shunman asked on 30 Nov 2012, 05:15 AM

Hello Telerik team.

We found a problem tabstrip control.
we are using telerik version 2012.2.912.40

I created approximately 15 ~ 20 tabs, click tabstript's scroll button for moving end of right side.
and click the close button while tab count is 0.
sometimes tabcontrol is invisible or cut the left side tab area.

I implemented some codes for reproducing problem at radtabstrip control.
here is my code and screenshots

ScreenshotLinkHere!!!

<%@ 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

Tabstrip suddenly invisible

1 Answer, 1 is accepted