Tabstrip suddenly invisible

2 posts, 0 answers
  1. shunman
    shunman avatar
    77 posts
    Member since:
    Jul 2011

    Posted 29 Nov 2012 Link to this post

    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


    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <head runat="server">
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
        <form id="form1" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
                    <%--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" />
            <script type="text/javascript">
                //Put your JavaScript code here.
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                    <telerik:AjaxSetting AjaxControlID="RadButtonAdd">
                            <telerik:AjaxUpdatedControl ControlID="RadTabStripContent" />
                            <telerik:AjaxUpdatedControl ControlID="LabelCount" />
                    <telerik:AjaxSetting AjaxControlID="RadButtonClose_Click">
                            <telerik:AjaxUpdatedControl ControlID="RadTabStripContent" />
                                <telerik:AjaxUpdatedControl ControlID="LabelCount" />
            <div style="height: 100px; background-color: gray;">
                <telerik:RadTabStrip ID="RadTabStripContent" runat="server" Skin="Simple" ScrollChildren="true" dir="LTL" EnableEmbeddedSkins="true"
                        <asp:Label ID="LabelTabName" runat="server" />
            <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>

    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();
            LabelCount.Text = "Tab Count:" + RadTabStripContent.Tabs.Count;

  2. Nencho
    Nencho avatar
    1446 posts

    Posted 04 Dec 2012 Link to this post

    Hello Shunman,

    I have performed some tests, based on the provided snippet of code and it turns out, that this is a bug. I will forward it to our developers team for further consideration. Thank you for reporting for that issue.

    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. DevCraft R3 2016 release webinar banner
Back to Top