How to make certain tabs manadatory .

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

    Posted 30 Jan 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
    Admin
    Ivan Danchev avatar
    1268 posts

    Posted 02 Feb Link to this post

    Hello,

    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");
            tab3.enable();
            tab4.enable();
        }
    </script>
    <div>
        <input type="button" value="Enable tabs" onclick="enableTabs()" />
     
        <telerik:RadTabStrip ID="RadTabStrip1" runat="server">
            <Tabs>
                <telerik:RadTab Text="Tab1">
                </telerik:RadTab>
                <telerik:RadTab Text="Tab2">
                </telerik:RadTab>
                <telerik:RadTab Text="Tab3" Enabled="false">
                </telerik:RadTab>
                <telerik:RadTab Text="Tab4" Enabled="false">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
    </div>


    Regards,
    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