Maintain selected tab of Bootstrap Nav-Pils on Postback inside Update Panel using jQuery in ASP.Net

Waghmare

SOLVED CLOSED ACTIVE ANSWERED
User: Waghmare
Posted: on Sep 28, 2017 04:14 AM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 7768
Sample Code: Download

Hii ,

I want to maintain Bootstrap Nav-pills between postback inside the update panel.

I have referred foll link.

http://www.aspforums.net/Threads/272636/Bootstrap-Tabs-Maintain-Selected-Active-Tab-on-Partial-PostBack-inside-AJAX-UpdatePanel-in-ASPNet/

Alos want to restrict user to fill 1st tab then navigate to 2nd tab and then 3.

I want to navigate through tabs with button next prev.

But user should fill the first tab then only he can able to navigate 2nd tab and from 2nd tab to 1st tab.

   <asp:UpdatePanel ID="update1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <div role="tabpanel">

                    <!-- Nav tabs -->
                    <ul class="nav nav-pills nav-wizard" role="tablist" id="liflow">
                        <li role="presentation" class="active" runat="server" id="ltcType"><a href="#ltcType1" aria-controls="home" role="tab" data-toggle="tab">
                            <asp:Label ID="lblLtcType" runat="server" Text="Step 1 : LTC Type"></asp:Label></a></li>

                        <li role="presentation" runat="server" class="" id="leaveAppln"><a href="#LeavePanel" aria-controls="profile" role="tab" data-toggle="tab">
                            <asp:Label ID="lblleaveAppln" runat="server" Text="Step 2 : Leave Application"></asp:Label></a></li>

                        <li role="presentation" runat="server" class="" id="ltcAppln"><a href="#LTCTypeP" aria-controls="messages" role="tab" data-toggle="tab">
                            <asp:Label ID="lblLtcApp" runat="server" Text="Step 3 : LTC Application"></asp:Label></a></li>

<!-- Tab panes -->
                    <div class="tab-content">

                        <div role="tabpanel" class="tab-pane active" id="ltcType1">
                            <br />
                            <div class="panel panel-info">
                                <div class="panel-heading">
                                    Step 1: LTC Type                                   
                                </div>
                                <div class="panel-body" style="border: 1px solid;">
                                    <div class="form-horizontal">
                                        <div class="form-group">
                                            <asp:Label ID="lblAmtReq" runat="server" Text="Amount Required For" CssClass="control-label col-lg-3 col-md-3"></asp:Label>

                                            <div class="col-sm-4">
                                                <asp:DropDownList ID="lstTravel" runat="server" CssClass="form-control" AutoPostBack="True" OnSelectedIndexChanged="lstTravel_SelectedIndexChanged">
                                                    <asp:ListItem Text="Self" Value="1"></asp:ListItem>
                                                    <asp:ListItem Text="Family" Value="2"></asp:ListItem>
                                                    <asp:ListItem Text="Self with Family" Value="3"></asp:ListItem>
                                                </asp:DropDownList>
                                            </div>
                                            <div class="col-sm-4">
                                                <div class="checkbox">
                                                    <asp:CheckBox ID="chkEncashment" Font-Size="Large" runat="server" Text="EL Encashment" AutoPostBack="true" OnCheckedChanged="chkEncashment_CheckedChanged" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div role="tabpanel" class="tab-pane" id="LeavePanel">
                            <br />
                            <div class="panel panel-info">
                                <div class="panel-heading">
                                    Step 2: Leave Application 
                                  
                                </div>
                                <div class="panel-body">
                                    <div class="form-horizontal">
                                        <div class="form-group">
                                            <div class="col-lg-4 col-md-4">
                                                <div class="row">
                                                    <asp:Label ID="lblLeaveType" runat="server" Text="Leave Type" CssClass="control-label col-lg-5 col-md-5"></asp:Label>
                                                    <div class="col-lg-7 col-md-7">
                                                        <asp:DropDownList ID="lstLeaveType" runat="server" Style="font-size: 12px" CssClass="form-control input-sm" AutoPostBack="true" OnSelectedIndexChanged="lstLeaveType_SelectedIndexChanged">
                                                        </asp:DropDownList>
                                                    </div>
                                                </div>
                                            </div>

                                            <asp:Label ID="Label1" runat="server" Text="From Date" CssClass="control-label col-lg-2 col-md-2"></asp:Label>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="input-group ">
                                                    <asp:TextBox ID="txtLeaveFromDate" runat="server" TextMode="SingleLine" CssClass="form-control input-sm" Font-Size="14px"></asp:TextBox>
                                                    <span class="input-group-addon">
                                                        <cc1:CalendarExtender ID="CalendarExtender3" runat="server" Format="dd/MM/yyyy" PopupButtonID="lnlTillDate" PopupPosition="BottomRight" TargetControlID="txtLeaveFromDate"></cc1:CalendarExtender>
                                                        <i class="fa fa-calendar"></i>
                                                    </span>
                                                </div>

                                            </div>

                                            <asp:Label ID="Label8" runat="server" Text="To Date" CssClass="control-label col-lg-2 col-md-2"></asp:Label>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="input-group ">
                                                    <asp:TextBox ID="txtLeaveTillDate" runat="server" TextMode="SingleLine" CssClass="form-control input-sm" Font-Size="14px"></asp:TextBox>
                                                    <span class="input-group-addon">
                                                        <cc1:CalendarExtender ID="CalendarExtender4" runat="server" Format="dd/MM/yyyy" PopupButtonID="lnlpopDate" PopupPosition="BottomRight" TargetControlID="txtLeaveTillDate"></cc1:CalendarExtender>
                                                        <i class="fa fa-calendar"></i>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-12 col-md-12">
                                                <div class="row">
                                                    <asp:Label ID="lblAddress" runat="server" Text="Address" Style="text-align: center ! Important" CssClass="control-label col-lg-2 col-md-2"></asp:Label>

                                                    <div class="col-lg-10 col-md-10">
                                                        <asp:TextBox ID="txtLeaveAddress" runat="server" TextMode="MultiLine" Font-Size="14px" CssClass="form-control input-sm " Height="30px"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="ReqLeaveAdd" runat="server" ControlToValidate="txtLeaveAddress" ErrorMessage="Please enter Leave Address"></asp:RequiredFieldValidator>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div role="tabpanel" class="tab-pane" id="LTCTypeP">
                            <br />
                            <div class="panel panel-info">
                                <div class="panel-heading">
                                    Step 2: Leave Application                                   
                                </div>
                                <div class="panel-body">
                                    <div class="form-horizontal">
                                        <div class="form-group">
                                            <asp:Label ID="Label2" runat="server" CssClass="control-label col-lg-3 col-md-3">LTC Type</asp:Label>
                                            <div class="col-lg-4 col-md-4">
                                                <asp:DropDownList ID="lstLTCType" runat="server" CssClass="form-control input-sm" AutoPostBack="true" OnSelectedIndexChanged="lstLTCType_SelectedIndexChanged">
                                                    <asp:ListItem Value="1">Hometown</asp:ListItem>
                                                    <asp:ListItem Value="2">In Lieu of Hometown</asp:ListItem>
                                                    <asp:ListItem Value="3">Selected</asp:ListItem>
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label3" runat="server" CssClass="control-label col-lg-3 col-md-3">***Apply LTC as per New Appointment Rule</asp:Label>
                                            <div class="col-lg-4 col-md-4">
                                                <asp:RadioButtonList ID="rdNewRule" runat="server" OnSelectedIndexChanged="rdNewRule_SelectedIndexChanged" AutoPostBack="true">
                                                    <asp:ListItem Text="Yes" Value="1"></asp:ListItem>
                                                    <asp:ListItem Text="No" Value="2" Selected="True"></asp:ListItem>
                                                </asp:RadioButtonList>
                                            </div>
                                        </div>
                                    </div>
                                    <asp:Panel ID="BlockYearP" runat="server" Visible="true">
                                        <div class="form-horizontal">
                                            <div id="Concession" class="form-group">
                                                <asp:Label ID="lblConcessionYear" runat="server" CssClass="control-label col-lg-3 col-md-3">Concession Year</asp:Label>
                                                <div class="col-lg-4 col-md-4">
                                                    <asp:DropDownList ID="lstConcessionYear" runat="server" CssClass="form-control input-sm" AutoPostBack="true" OnSelectedIndexChanged="lstConcessionYear_SelectedIndexChanged">
                                                    </asp:DropDownList>
                                                </div>
                                            </div>
                                            <div id="Block" class="form-group">
                                                <asp:Label ID="lblBlockYear" runat="server" CssClass="control-label col-lg-3 col-md-3">Block Year</asp:Label>
                                                <div class="col-lg-4 col-md-4">
                                                    <asp:DropDownList ID="lstBlockYear" runat="server" CssClass="form-control input-sm" AutoPostBack="true" OnSelectedIndexChanged="lstBlockYear_SelectedIndexChanged">
                                                    </asp:DropDownList>
                                                </div>
                                                <div class="col-lg-2 col-md-2">
                                                    <asp:CheckBox ID="chkExtension" Text="Extend" runat="server" AutoPostBack="true" CssClass="PageLabel" OnCheckedChanged="chkExtension_CheckedChanged" ForeColor="DarkRed"></asp:CheckBox>
                                                </div>
                                            </div>
                                            <div id="Extension" class="form-group">
                                                <asp:Label ID="lblExtension" runat="server" CssClass="control-label col-lg-3 col-md-3">Extension Year*</asp:Label>
                                                <div class="col-lg-4 col-md-4">
                                                    <asp:DropDownList ID="lstExtension" Enabled="false" runat="server" CssClass="form-control input-sm">
                                                    </asp:DropDownList>
                                                </div>
                                            </div>
                                        </div>
                                    </asp:Panel>
                                    <asp:Panel ID="YearP" runat="server" Visible="false">
                                        <div class="form-horizontal">
                                            <div id="Year" class="form-group">
                                                <asp:Label ID="lblYear" runat="server" CssClass="control-label col-lg-3 col-md-3">Year</asp:Label>
                                                <asp:Label ID="lblYearCurr" runat="server" CssClass="control-label"></asp:Label>
                                            </div>
                                        </div>
                                    </asp:Panel>
                                </div>
                            </div>
                        </div>
 </div>
                </div>

            </ContentTemplate>
        </asp:UpdatePanel>

AnandM

0 3

Reply
ANSWER
User: AnandM
Replied: on Oct 03, 2017 05:51 AM
Modified: on Oct 13, 2017 05:59 AM
Report

Hi Waghmare,

Refer below sample code and modify it according to your need.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
    <script type="text/javascript">

        function pageLoad() {
            $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
                var $target = $(e.target);
                if ($target.parent().hasClass('disabled')) {
                    return false;
                }
            });
            $(".next-step").click(function (e) {
                var $active = $('.nav-pills li.active');
                $active.next().removeClass('disabled');
                if ($active.next().attr('id') == $('[id*=ltcAppln]').attr('id')) {
                    $('[id*=hfLastStep]').val('true');
                }
                nextTab($active);
                return false;
            });
            $(".prev-step").click(function (e) {
                var $active = $('.nav-pills li.active');
                prevTab($active);
                return false;
            });


            var tabId = '';
            $('[id*=liflow] li').each(function () {
                if ($('[id*=hfTabs]').val() != '') {
                    if ($(this).attr('id') == $('[id*=hfTabs]').val()) {
                        $(this).attr('class', 'active');
                        var tabpaneId = $(this).find('a').attr('href').split('#')[1];
                        $('.tab-pane').each(function () {
                            if ($(this).attr('id') == tabpaneId) {
                                $(this).attr('class', 'tab-pane active');
                            }
                            else {
                                $(this).attr('class', 'tab-pane');
                            }
                        });
                    }
                    else {
                        if ($('[id*=ltcAppln]').attr('id') == $(this).attr('id')) {
                            if ($('[id*=hfLastStep]').val() == 'true') {
                                $(this).attr('class', '');
                            }
                        } else {
                            $(this).attr('class', '');
                        }
                    }
                }
            });

            $('.maintainTab').click(function () {
                $('[id*=hfTabs]').val($(this).closest('li').attr('id'));

            });
        }

        function nextTab(elem) {
            $(elem).next().find('a[data-toggle="tab"]').click();
            $('[id*=hfTabs]').val($(elem).next().attr('id'));

        }
        function prevTab(elem) {
            $(elem).prev().find('a[data-toggle="tab"]').click();
            $('[id*=hfTabs]').val($(elem).prev().attr('id'));
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:HiddenField ID="hfTabs" Value="" runat="server" />
        <asp:HiddenField ID="hfLastStep" Value="" runat="server" />
        <asp:ScriptManager runat="server" />
        <asp:UpdatePanel ID="update1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <div role="tabpanel">
                    <!-- Nav tabs -->
                    <ul class="nav nav-pills nav-wizard" role="tablist" id="liflow">
                        <li role="presentation" class="active" runat="server" id="ltcType"><a href="#ltcType1"
                            aria-controls="home" role="tab" data-toggle="tab" class="maintainTab">
                            <asp:Label ID="lblLtcType" runat="server" Text="Step 1 : LTC Type"></asp:Label></a></li>
                        <li role="presentation" runat="server" class="disabled" id="leaveAppln"><a href="#LeavePanel"
                            aria-controls="profile" role="tab" data-toggle="tab" class="maintainTab">
                            <asp:Label ID="lblleaveAppln" runat="server" Text="Step 2 : Leave Application"></asp:Label></a></li>
                        <li role="presentation" runat="server" class="disabled" id="ltcAppln"><a href="#LTCTypeP"
                            aria-controls="messages" role="tab" data-toggle="tab" class="maintainTab">
                            <asp:Label ID="lblLtcApp" runat="server" Text="Step 3 : LTC Application"></asp:Label></a></li>
                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="ltcType1">
                                <br />
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        Step 1: LTC Type
                                    </div>
                                    <div class="panel-body" style="border: 1px solid;">
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <asp:Label ID="lblAmtReq" runat="server" Text="Amount Required For" CssClass="control-label col-lg-3 col-md-3"></asp:Label>
                                                <div class="col-sm-4">
                                                    <asp:DropDownList ID="lstTravel" runat="server" CssClass="form-control" AutoPostBack="True"
                                                        OnSelectedIndexChanged="lstTravel_SelectedIndexChanged">
                                                        <asp:ListItem Text="Self" Value="1"></asp:ListItem>
                                                        <asp:ListItem Text="Family" Value="2"></asp:ListItem>
                                                        <asp:ListItem Text="Self with Family" Value="3"></asp:ListItem>
                                                    </asp:DropDownList>
                                                </div>
                                                <div class="col-sm-4">
                                                    <div class="checkbox">
                                                        <asp:CheckBox ID="chkEncashment" Font-Size="Large" runat="server" Text="EL Encashment"
                                                            AutoPostBack="true" OnCheckedChanged="chkEncashment_CheckedChanged" />
                                                    </div>
                                                </div>
                                            </div>
                                            <br />
                                            <br />
                                            <asp:Button class="btn btn-primary next-step" Text="Save and continue" runat="server" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="LeavePanel">
                                <br />
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        Step 2: Leave Application
                                    </div>
                                    <div class="panel-body">
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <div class="col-lg-4 col-md-4">
                                                    <div class="row">
                                                        <asp:Label ID="lblLeaveType" runat="server" Text="Leave Type" CssClass="control-label col-lg-5 col-md-5"></asp:Label>
                                                        <div class="col-lg-7 col-md-7">
                                                            <asp:DropDownList ID="lstLeaveType" runat="server" Style="font-size: 12px" CssClass="form-control input-sm"
                                                                AutoPostBack="true" OnSelectedIndexChanged="lstLeaveType_SelectedIndexChanged">
                                                                <asp:ListItem Text="text1" Value="0" />
                                                                <asp:ListItem Text="text2" Value="1" />
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                </div>
                                                <asp:Label ID="Label1" runat="server" Text="From Date" CssClass="control-label col-lg-2 col-md-2"></asp:Label>
                                                <div class="col-lg-2 col-md-2">
                                                    <div class="input-group ">
                                                        <asp:TextBox ID="txtLeaveFromDate" runat="server" TextMode="SingleLine" CssClass="form-control input-sm"
                                                            Font-Size="14px"></asp:TextBox>
                                                        <span class="input-group-addon">
                                                            <cc1:CalendarExtender ID="CalendarExtender3" runat="server" Format="dd/MM/yyyy" PopupButtonID="lnlTillDate"
                                                                PopupPosition="BottomRight" TargetControlID="txtLeaveFromDate">
                                                            </cc1:CalendarExtender>
                                                            <i class="fa fa-calendar"></i></span>
                                                    </div>
                                                </div>
                                                <asp:Label ID="Label8" runat="server" Text="To Date" CssClass="control-label col-lg-2 col-md-2"></asp:Label>
                                                <div class="col-lg-2 col-md-2">
                                                    <div class="input-group ">
                                                        <asp:TextBox ID="txtLeaveTillDate" runat="server" TextMode="SingleLine" CssClass="form-control input-sm"
                                                            Font-Size="14px"></asp:TextBox>
                                                        <span class="input-group-addon">
                                                            <cc1:CalendarExtender ID="CalendarExtender4" runat="server" Format="dd/MM/yyyy" PopupButtonID="lnlpopDate"
                                                                PopupPosition="BottomRight" TargetControlID="txtLeaveTillDate">
                                                            </cc1:CalendarExtender>
                                                            <i class="fa fa-calendar"></i></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-lg-12 col-md-12">
                                                    <div class="row">
                                                        <asp:Label ID="lblAddress" runat="server" Text="Address" Style="text-align: center ! Important"
                                                            CssClass="control-label col-lg-2 col-md-2"></asp:Label>
                                                        <div class="col-lg-10 col-md-10">
                                                            <asp:TextBox ID="txtLeaveAddress" runat="server" TextMode="MultiLine" Font-Size="14px"
                                                                CssClass="form-control input-sm " Height="30px"></asp:TextBox>
                                                            <asp:RequiredFieldValidator ID="ReqLeaveAdd" runat="server" ControlToValidate="txtLeaveAddress"
                                                                ErrorMessage="Please enter Leave Address"></asp:RequiredFieldValidator>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <asp:Button class="btn btn-primary prev-step" Text="Previous" runat="server" />
                                            <asp:Button class="btn btn-primary next-step" Text="Save and continue" runat="server" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="LTCTypeP">
                                <br />
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        Step 2: Leave Application
                                    </div>
                                    <div class="panel-body">
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <asp:Label ID="Label2" runat="server" CssClass="control-label col-lg-3 col-md-3">LTC Type</asp:Label>
                                                <div class="col-lg-4 col-md-4">
                                                    <asp:DropDownList ID="lstLTCType" runat="server" CssClass="form-control input-sm"
                                                        AutoPostBack="true" OnSelectedIndexChanged="lstLTCType_SelectedIndexChanged">
                                                        <asp:ListItem Value="1">Hometown</asp:ListItem>
                                                        <asp:ListItem Value="2">In Lieu of Hometown</asp:ListItem>
                                                        <asp:ListItem Value="3">Selected</asp:ListItem>
                                                    </asp:DropDownList>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <asp:Label ID="Label3" runat="server" CssClass="control-label col-lg-3 col-md-3">***Apply LTC as per New Appointment Rule</asp:Label>
                                                <div class="col-lg-4 col-md-4">
                                                    <asp:RadioButtonList ID="rdNewRule" runat="server" OnSelectedIndexChanged="rdNewRule_SelectedIndexChanged"
                                                        AutoPostBack="true">
                                                        <asp:ListItem Text="Yes" Value="1"></asp:ListItem>
                                                        <asp:ListItem Text="No" Value="2" Selected="True"></asp:ListItem>
                                                    </asp:RadioButtonList>
                                                </div>
                                            </div>
                                        </div>
                                        <asp:Panel ID="BlockYearP" runat="server" Visible="true">
                                            <div class="form-horizontal">
                                                <div id="Concession" class="form-group">
                                                    <asp:Label ID="lblConcessionYear" runat="server" CssClass="control-label col-lg-3 col-md-3">Concession Year</asp:Label>
                                                    <div class="col-lg-4 col-md-4">
                                                        <asp:DropDownList ID="lstConcessionYear" runat="server" CssClass="form-control input-sm"
                                                            AutoPostBack="true" OnSelectedIndexChanged="lstConcessionYear_SelectedIndexChanged">
                                                        </asp:DropDownList>
                                                    </div>
                                                </div>
                                                <div id="Block" class="form-group">
                                                    <asp:Label ID="lblBlockYear" runat="server" CssClass="control-label col-lg-3 col-md-3">Block Year</asp:Label>
                                                    <div class="col-lg-4 col-md-4">
                                                        <asp:DropDownList ID="lstBlockYear" runat="server" CssClass="form-control input-sm"
                                                            AutoPostBack="true" OnSelectedIndexChanged="lstBlockYear_SelectedIndexChanged">
                                                        </asp:DropDownList>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2">
                                                        <asp:CheckBox ID="chkExtension" Text="Extend" runat="server" AutoPostBack="true"
                                                            CssClass="PageLabel" OnCheckedChanged="chkExtension_CheckedChanged" ForeColor="DarkRed">
                                                        </asp:CheckBox>
                                                    </div>
                                                </div>
                                                <div id="Extension" class="form-group">
                                                    <asp:Label ID="lblExtension" runat="server" CssClass="control-label col-lg-3 col-md-3">Extension Year*</asp:Label>
                                                    <div class="col-lg-4 col-md-4">
                                                        <asp:DropDownList ID="lstExtension" Enabled="false" runat="server" CssClass="form-control input-sm">
                                                        </asp:DropDownList>
                                                    </div>
                                                </div>
                                            </div>
                                        </asp:Panel>
                                        <asp:Panel ID="YearP" runat="server" Visible="false">
                                            <div class="form-horizontal">
                                                <div id="Year" class="form-group">
                                                    <asp:Label ID="lblYear" runat="server" CssClass="control-label col-lg-3 col-md-3">Year</asp:Label>
                                                    <asp:Label ID="lblYearCurr" runat="server" CssClass="control-label"></asp:Label>
                                                </div>
                                            </div>
                                        </asp:Panel>
                                        <asp:Button class="btn btn-primary" Text="Save" runat="server" />
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>

Maintain selected tab of Bootstrap Nav-Pils on Postback inside Update Panel using jQuery in ASP.Net

Company

Explore

Follow us

Contact Us