Tab display issue

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

    Posted 09 Dec 2012 Link to this post

    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;
        }
    }
  2. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 12 Dec 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top