Issue with Telerik RadTabStrip

3 posts, 1 answers
  1. Vignesh
    Vignesh avatar
    2 posts
    Member since:
    Sep 2013

    Posted 11 Nov 2013 Link to this post

    Telerik Rad Tab Strip is not working in the nested Tab Strip. In the below code if i remove Required field validator everything is working fine but if it is added it is not working. How to fix this issue. Any help would be appreciated.


    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="TelerikTabStripControl.Home" %>
    
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!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>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="radMZendeskMultipage"
                SelectedIndex="0">
                <Tabs>
                    <telerik:RadTab Text="Site Feautures" Width="250px">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Two" Width="250px">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage ID="radMZendeskMultipage" runat="server" SelectedIndex="0">
                <telerik:RadPageView runat="server" ID="siteConfig">
                    Welcome 1
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="RadPageView2">
                    Welcome 3
                    <telerik:RadTabStrip runat="server" ID="radChildTab" MultiPageID="RadMultiPage1"
                        SelectedIndex="0">
                        <Tabs>
                            <telerik:RadTab Text="Child 1">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Child 2">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTabStrip>
                    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
                        <telerik:RadPageView runat="server" ID="RadMulti">
                            USer Name
                            <asp:TextBox runat="server" ID="UserNAme" />
                            <asp:RequiredFieldValidator ErrorMessage="errormessage" ControlToValidate="UserNAme"
                                EnableClientScript="true" runat="server" />
                        </telerik:RadPageView>
                        <telerik:RadPageView runat="server" ID="RadMulti1">
                            LAst Name
                            <asp:TextBox runat="server" ID="TextBox1" />
                        </telerik:RadPageView>
                    </telerik:RadMultiPage>
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </div>
        </form>
    </body>
    </html>
  2. Answer
    Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 13 Nov 2013 Link to this post

    Hello Vignesh,

    The reason for the faced issue is that all PageViews are rendered on the page and the RequiredFieldValidator is activated before navigating to the second Tab. Because the TextBox is empty and the validation is not valid, you are unable to navigate to the second Tab. I would suggest you to set the CausesValidation property of the main RadTabStrip (RadTabStrip1) to false.

    Regards,
    Nencho
    Telerik
    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 the blog feed now.
  3. Vignesh
    Vignesh avatar
    2 posts
    Member since:
    Sep 2013

    Posted 13 Nov 2013 Link to this post

    It's working now Thanks for your help.
Back to Top