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

Tab display issue

1 Answer 37 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
shunman
Top achievements
Rank 1
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">
 
<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;
    }
}

1 Answer, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 12 Dec 2012, 03:26 PM
Hello Shunman,

We are doing our best, in order to fix all reported issues. Thank you again for reporting those problems. I will notify you as soon as we are ready to provide you the fixes.

Regards,
Nencho
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.
Tags
TabStrip
Asked by
shunman
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Share this question
or