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!!!
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;
}
}