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

How to make certain tabs manadatory .

1 Answer 63 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
tvdang
Top achievements
Rank 1
tvdang asked on 30 Jan 2017, 09:40 PM

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.

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 02 Feb 2017, 02:26 PM
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.
Tags
TabStrip
Asked by
tvdang
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or