How to make certain tabs manadatory .

2 posts, 0 answers
  1. tvdang
    tvdang avatar
    6 posts
    Member since:
    Aug 2016

    Posted 30 Jan 2017 Link to this post

    Hi I have 8 tabs. The first 2 are General information and Employee Information. I want these to be completely filled out first before tabs 3-8 are accessible.

    I just inherited this applicaition so I am new to telerik . Any input is appreciated.

  2. Ivan Danchev
    Ivan Danchev avatar
    1630 posts

    Posted 02 Feb 2017 Link to this post


    The TabStrip's Tabs can be initially disabled (Enabled="False") and then enabled on the client using the control's client-side API. Here's an example, which shows how the initially disabled Tab3 and Tab4 can be enabled in a button's click handler. You can do that conditionally depending on your specific scenario:
    <script type="text/javascript">
        function enableTabs() {
            var tabstrip = $find("<%= RadTabStrip1.ClientID %>");
            var tab3 = tabstrip.findTabByText("Tab3");
            var tab4 = tabstrip.findTabByText("Tab4");
        <input type="button" value="Enable tabs" onclick="enableTabs()" />
        <telerik:RadTabStrip ID="RadTabStrip1" runat="server">
                <telerik:RadTab Text="Tab1">
                <telerik:RadTab Text="Tab2">
                <telerik:RadTab Text="Tab3" Enabled="false">
                <telerik:RadTab Text="Tab4" Enabled="false">

    Ivan Danchev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top