Hi Waghmare,

Refer below article.

Maintain DIV scroll position for Scrollable GridView using jQuery inside ASP.Net AJAX UpdatePanel

Thanx @dharmenrd..

Sir its not working with whole update panel .

I have multiple controls in my page where the whole page is in the update panel.

Many controls has its autopostback property true.

Every time when partial autopostback is done then the "PAGE SCROLLBAR RESETS " means changes .

I want to maintain scrollbar position on page.

Every time after postback user need scroll down again.I want avoid it.

Please share sample code if possible.

Provide complete code with html what you have implemented yet.

Also provide the screenshot of your problem.

Most of the controls has his AUTOPOSTBACK ="true" so it causes partial postback and changes scrollbar position.

<asp:UpdatePanel ID="upPanelMain" runat="server">
<ContentTemplate>
<asp:ScriptManager ID="manager1" runat="server"></asp:ScriptManager>



<div class="panel panel-success">
<div class="panel-heading">
<div class="panel-title">
Booking Master
</div>
</div>
<div class="panel-body">
<div class="form-horizontal">
<div class="form-group">
<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="Label6" runat="server" Text="Booking ID" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-key"></i>
</span>
<asp:TextBox ID="txtBookingId" runat="server" Enabled="false" CssClass="form-control input-sm"></asp:TextBox>
</div>
</div>

</div>
</div>

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblBookDate" runat="server" Text="Booking Date" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<asp:TextBox ID="txtBookDate" runat="server" CssClass="form-control input-sm input-sm" Placeholder="dd-MM-yyyy" AutoPostBack="true" OnTextChanged="txtBookDate_TextChanged" data-toggle="tooltip" data-placement="top" title="Enter Booking Date "></asp:TextBox>
<span class="input-group-addon">
<cc1:CalendarExtender ID="CalendarExtender1" PopupPosition="BottomRight" runat="server" TargetControlID="txtBookDate" Format="dd-MM-yyyy"></cc1:CalendarExtender>
<i class="glyphicon glyphicon-calendar"></i>
</span>
</div>

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

<div class="col-md-4 col-lg-4">
<div class="row">
<asp:Label ID="Label1" runat="server" Text="Guest Name" CssClass="control-label col-md-4 col-lg-4"></asp:Label>
<div class="col-md-8 col-lg-8">
<div class="input-group ">
<span class="input-group-addon">
<i class="glyphicon glyphicon-user"></i>
</span>
<asp:TextBox ID="txtGuestName" runat="server" CssClass="form-control input-sm input-sm" Placeholder="Enter Guest Name" AutoPostBack="true" OnTextChanged="txtGuestName_TextChanged" data-toggle="tooltip" data-placement="top" title="Enter Guest Name"></asp:TextBox>
<asp:HiddenField ID="hfGuestID" runat="server" />
<div id="divwidth"></div>
<cc1:AutoCompleteExtender ServiceMethod="SearchGuest" MinimumPrefixLength="2"
CompletionInterval="100" EnableCaching="false" CompletionSetCount="10" TargetControlID="txtGuestName"
ID="AutoCompleteExtender1" runat="server" FirstRowSelected="false" OnClientItemSelected="ClientItemSelected"
CompletionListItemCssClass="list-group-item list-group-item-success input-md"
CompletionListHighlightedItemCssClass="list-group-item input-md autotxt">
</cc1:AutoCompleteExtender>
</div>

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

<div class="col-md-2 col-lg-2">
<asp:LinkButton ID="btnAddGuest" runat="server" Text="Add Guest" CssClass="btn-success btn btn-block" OnClick="btnAddGuest_Click"></asp:LinkButton>
</div>
</div>

<div class="form-group">
<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblArrival" runat="server" Text="Arrived " CssClass="control-label col-md-3 col-lg-3"></asp:Label>
<div class="col-md-9 col-lg-9">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-location-arrow"></i>
</span>
<asp:TextBox ID="txtArrived" runat="server" CssClass="form-control input-sm" Placeholder="Arriced From" AutoPostBack="true" OnTextChanged="txtArrived_TextChanged" data-toggle="tooltip" data-placement="bottom" title="Enter Arrived From "></asp:TextBox>
</div>

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

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblTourist" runat="server" Text="Visit Purpose" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-tasks"></i>
</span>
<asp:TextBox ID="txtVisitPurpose" runat="server" CssClass="form-control input-sm" Placeholder="Visit Purpose" AutoPostBack="true" OnTextChanged="txtVisitPurpose_TextChanged" data-toggle="tooltip" data-placement="bottom" title="Enter Visit Purpose "></asp:TextBox>
</div>

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

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblbMode" runat="server" Text="Booking Mode" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-building-o"></i>
</span>
<asp:DropDownList ID="drpBookMode" runat="server" CssClass="form-control" AutoPostBack="true" OnSelectedIndexChanged="drpBookMode_SelectedIndexChanged" data-toggle="tooltip" data-placement="top" title="Select Booking Mode"></asp:DropDownList>
</div>

</div>
</div>
</div>
<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblVehicalNum" runat="server" Text="Vehical Num" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<%-- <span class="input-group-addon">
<i class="fa fa-car"></i>
</span>--%>
<asp:TextBox ID="txtVehicalNumber" runat="server" CssClass="form-control" Placeholder="MH 14 DC 0000" AutoPostBack="true" OnTextChanged="txtVehicalNumber_TextChanged" data-toggle="tooltip" data-placement="bottom" title="Enter Vehicle Number "></asp:TextBox>
</div>
</div>
</div>
</div>
</div>
<%--<div class="form-group">
<div class="col-md-4 col-lg-4">
<div class="row">
<asp:Label ID="Label2" runat="server" Text="Id Proof " CssClass="control-label col-md-3 col-lg-3"></asp:Label>
<div class="col-md-9 col-lg-9">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-user"></i>
</span>
<asp:DropDownList ID="drpIdproof" runat="server" CssClass="form-control input-sm input-sm"></asp:DropDownList>
</div>

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

<div class="col-md-4 col-lg-4">
<div class="row">
<asp:Label ID="Label3" runat="server" Text="Id Number" CssClass="control-label col-md-4 col-lg-4"></asp:Label>
<div class="col-md-8 col-lg-8">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-tasks"></i>
</span>
<asp:TextBox ID="txtIdNumber" runat="server" CssClass="form-control input-sm" Placeholder="Id Number"></asp:TextBox>
</div> 
</div>
</div>
</div>

<div class="col-md-4 col-lg-4">
<div class="row">
<asp:Label ID="Label6" runat="server" Text="Id Image" CssClass="control-label col-md-4 col-lg-4"></asp:Label>
<div class="col-md-8 col-lg-8">
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-building-o"></i>
</span>
<cc1:AsyncFileUpload ID="IdUploader" runat="server" CssClass="form-control" Width="50%"/>
</div>

</div>
</div>
</div>--%>
</div>

</div>
</div>

<div class="panel panel-success">
<div class="panel-heading">
<div class="panel-title">
Booking Details
</div>
</div>
<div class="panel-body">

<div class="form-horizontal">
<div class="form-group">
<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblBookFrom" runat="server" Text="Book From" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<asp:TextBox ID="txtBookFrom" runat="server" CssClass="form-control" Placeholder="dd-MM-yyyy" AutoPostBack="true" OnTextChanged="txtBookFrom_TextChanged" data-toggle="tooltip" data-placement="top" title="Select Book From Date "></asp:TextBox>
<span class="input-group-addon">
<cc1:CalendarExtender ID="CalendarExtender3" PopupPosition="BottomRight" runat="server" TargetControlID="txtBookFrom" Format="dd-MM-yyyy"></cc1:CalendarExtender>
<i class="glyphicon glyphicon-calendar"></i>
</span>
</div>

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

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblCheckInTime" runat="server" Text="Check In Time" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<asp:TextBox ID="txtCheckINTime" runat="server" Text="10:00 AM" CssClass="form-control" data-provide="timepicker" OnTextChanged="txtCheckINTime_TextChanged" data-toggle="tooltip" data-placement="top" title="Select Check-In Time"></asp:TextBox>
<span class="input-group-addon">
<i class="glyphicon glyphicon-time"></i>
</span>
</div>
<%--<div class="row">
<div class="col-md-6 col-lg-6">
<asp:DropDownList ID="drpHours" runat="server" CssClass="form-control input-md">
<asp:ListItem Value="10" Text="10"></asp:ListItem>
<asp:ListItem Value="1" Text="1"></asp:ListItem>
<asp:ListItem Value="2" Text="2"></asp:ListItem>
<asp:ListItem Value="3" Text="3"></asp:ListItem>
<asp:ListItem Value="4" Text="4"></asp:ListItem>
<asp:ListItem Value="5" Text="5"></asp:ListItem>
<asp:ListItem Value="6" Text="6"></asp:ListItem>
<asp:ListItem Value="7" Text="7"></asp:ListItem>
<asp:ListItem Value="8" Text="8"></asp:ListItem>
<asp:ListItem Value="9" Text="9"></asp:ListItem>
<asp:ListItem Value="11" Text="11"></asp:ListItem>
<asp:ListItem Value="12" Text="12"></asp:ListItem>
</asp:DropDownList>
</div>
<div class="col-md-6 col-lg-6">
<asp:DropDownList ID="drpMinutes" runat="server" CssClass="form-control input-md">
<asp:ListItem Value="00" Text="00"></asp:ListItem>
<asp:ListItem Value="05" Text="05"></asp:ListItem>
<asp:ListItem Value="10" Text="10"></asp:ListItem>
<asp:ListItem Value="15" Text="15"></asp:ListItem>
<asp:ListItem Value="20" Text="20"></asp:ListItem>
<asp:ListItem Value="25" Text="25"></asp:ListItem>
<asp:ListItem Value="30" Text="30"></asp:ListItem>
</asp:DropDownList>
</div>
</div>--%>
</div>
</div>
</div>

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="Label2" runat="server" Text="Book Till" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<asp:TextBox ID="txtBookTill" runat="server" CssClass="form-control" Placeholder="dd-MM-yyyy" AutoPostBack="true" OnTextChanged="txtBookTill_TextChanged" data-toggle="tooltip" data-placement="top" title="Select Book Till Date"></asp:TextBox>
<span class="input-group-addon">
<cc1:CalendarExtender ID="CalendarExtender4" PopupPosition="BottomRight" runat="server" TargetControlID="txtBookTill" Format="dd-MM-yyyy"></cc1:CalendarExtender>
<i class="glyphicon glyphicon-calendar"></i>
</span>
</div>

</div>


</div>
</div>

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblCheckOut" runat="server" Text="Check Out" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<asp:TextBox ID="txtCheckoutTime" runat="server" Text="10:00 AM" CssClass="form-control" data-provide="timepicker" OnTextChanged="txtCheckoutTime_TextChanged" data-toggle="tooltip" data-placement="top" title="Select Check-In Time"></asp:TextBox>
<span class="input-group-addon">
<i class="glyphicon glyphicon-time"></i>
</span>
</div>
<%--<div class="row">
<div class="col-md-6 col-lg-6">
<asp:DropDownList ID="drpHoursOut" runat="server" CssClass="form-control input-md">
<asp:ListItem Value="10" Text="10"></asp:ListItem>
<asp:ListItem Value="1" Text="1"></asp:ListItem>
<asp:ListItem Value="2" Text="2"></asp:ListItem>
<asp:ListItem Value="3" Text="3"></asp:ListItem>
<asp:ListItem Value="4" Text="4"></asp:ListItem>
<asp:ListItem Value="5" Text="5"></asp:ListItem>
<asp:ListItem Value="6" Text="6"></asp:ListItem>
<asp:ListItem Value="7" Text="7"></asp:ListItem>
<asp:ListItem Value="8" Text="8"></asp:ListItem>
<asp:ListItem Value="9" Text="9"></asp:ListItem>
<asp:ListItem Value="11" Text="11"></asp:ListItem>
<asp:ListItem Value="12" Text="12"></asp:ListItem>
</asp:DropDownList>
</div>
<div class="col-md-6 col-lg-6">
<asp:DropDownList ID="drpMinutesOut" runat="server" CssClass="form-control input-md">
<asp:ListItem Value="00" Text="00"></asp:ListItem>
<asp:ListItem Value="05" Text="05"></asp:ListItem>
<asp:ListItem Value="10" Text="10"></asp:ListItem>
<asp:ListItem Value="15" Text="15"></asp:ListItem>
<asp:ListItem Value="20" Text="20"></asp:ListItem>
<asp:ListItem Value="25" Text="25"></asp:ListItem>
<asp:ListItem Value="30" Text="30"></asp:ListItem>
</asp:DropDownList>
</div>
</div>--%>
</div>
</div>
</div>
</div>

<div class="form-group">

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="Label4" runat="server" Text="Room Number" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-bed"></i>
</span>
<asp:DropDownList ID="drpRoomNum" runat="server" AutoPostBack="true" OnSelectedIndexChanged="drpRoomNum_SelectedIndexChanged" CssClass="form-control" data-toggle="tooltip" data-placement="top" title="Select Room Number"></asp:DropDownList>
</div>
</div>
</div>
</div>

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblFloorNum" runat="server" Text="Floor Number" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<asp:TextBox ID="txtFloor" runat="server" CssClass="form-control"></asp:TextBox>
<span class="input-group-addon">
<i class="fa fa-bed"></i>
</span>
</div>

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

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblRoomType" runat="server" Text="Room Type" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<asp:TextBox ID="txtRoomType" runat="server" CssClass="form-control"></asp:TextBox>
<span class="input-group-addon">
<i class="fa fa-bed"></i>
</span>
</div>

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

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblRoomFare" runat="server" Text="Room Fare" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-inr"></i>
</span>
<asp:TextBox ID="txtRoomFare" runat="server" CssClass="form-control"></asp:TextBox>
</div>

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

 

</div>

<div class="form-group">
<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblDurDays" runat="server" Text="Duration" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<asp:TextBox ID="txtDuration" runat="server" CssClass="form-control" Placeholder="In Days"></asp:TextBox>
<span class="input-group-addon">
<i class="fa fa-clock-o"></i>
</span>
</div>
</div>
</div>
</div>

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblBookingStatus" runat="server" Text="Booking Status" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-globe"></i>
</span>
<asp:DropDownList ID="drpBookingStatus" runat="server" CssClass="form-control" AutoPostBack="true" OnSelectedIndexChanged="drpBookingStatus_SelectedIndexChanged" data-toggle="tooltip" data-placement="top" title="Select Booking Status">
</asp:DropDownList>
</div>
</div>
</div>
</div>

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Button ID="btnAddRoom" runat="server" Text="Add Room" OnClick="AddRoom" CssClass="btn btn-info btn-block btn-md" data-toggle="tooltip" data-placement="top" title="Click to Add Room" />
</div>
</div>

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblRegNumber" runat="server" Text="Reg Num" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-file"></i>
</span>
<asp:TextBox ID="txtRegNumber" runat="server" CssClass="form-control" AutoPostBack="true" OnTextChanged="txtRegNumber_TextChanged"></asp:TextBox>
</div>

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

<div class="form-group">
<div class="col-md-12 col-lg-12">
<asp:GridView ID="grdRoomDetails" runat="server" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-hover" ShowHeaderWhenEmpty="true"
Style="margin-bottom: 0px" RowStyle-Height="15px">

<Columns>
<asp:TemplateField HeaderText="Room No" HeaderStyle-CssClass="hidden">
<ItemTemplate>
<asp:Label ID="lblRoomID" runat="server" Text='<%# Eval("Room_ID") %>' />
</ItemTemplate>
<ItemStyle CssClass="hidden" />
</asp:TemplateField>

<asp:TemplateField HeaderText="Room ID" HeaderStyle-CssClass="bg-info gridHeaders">
<ItemTemplate>
<asp:Label ID="lblRoomNum" runat="server" Text='<%# Eval("Room_Num") %>' />
</ItemTemplate>
<ItemStyle CssClass="text-center" />
</asp:TemplateField>

<asp:TemplateField HeaderText="Booked From" HeaderStyle-CssClass="bg-info gridHeaders">
<ItemTemplate>
<asp:Label ID="lblBookFrom" runat="server" Text='<%# Eval("CheckIN_Date","{0:dd-MM-yyyy}") %>' />
</ItemTemplate>
<ItemStyle CssClass="text-center" />
</asp:TemplateField>

<asp:TemplateField HeaderText="Check-In Time" HeaderStyle-CssClass="bg-info gridHeaders">
<ItemTemplate>
<asp:Label ID="lblCheckInTime" runat="server" Text='<%# Eval("CheckIN_Time","{0:hh:mm:ss tt}") %>' />
</ItemTemplate>
<ItemStyle CssClass="text-center" />
</asp:TemplateField>

<asp:TemplateField HeaderText="Booked To" HeaderStyle-CssClass="bg-info gridHeaders">
<ItemTemplate>
<asp:Label ID="lblBookTo" runat="server" Text='<%# Eval("CheckOUT_Date","{0:dd-MM-yyyy}") %>' />
</ItemTemplate>
<ItemStyle CssClass="text-center" />
</asp:TemplateField>

<asp:TemplateField HeaderText="Check-Out Time" HeaderStyle-CssClass="bg-info gridHeaders">
<ItemTemplate>
<asp:Label ID="lblCheckOUTTime" runat="server" Text='<%# Eval("CheckOUT_Time","{0:hh:mm:ss tt}") %>' />
</ItemTemplate>
<ItemStyle CssClass="text-center" />
</asp:TemplateField>

<asp:TemplateField HeaderText="Duration" HeaderStyle-CssClass="bg-info gridHeaders">
<ItemTemplate>
<asp:Label ID="lblDuration" runat="server" Text='<%# Eval("Duration") %>' />
</ItemTemplate>
<ItemStyle CssClass="text-center" />
</asp:TemplateField>

<asp:TemplateField HeaderText="Fare" HeaderStyle-CssClass="bg-info gridHeaders">
<ItemTemplate>
<asp:Label ID="lblRoomFare" runat="server" Text='<%# Eval("Fare") %>' />
</ItemTemplate>
<ItemStyle CssClass="text-right" />
</asp:TemplateField>

<asp:TemplateField HeaderText="Booking_Status ID" HeaderStyle-CssClass="hidden">
<ItemTemplate>
<asp:Label ID="lblBookingStatusID" runat="server" Text='<%# Eval("BookStatus_ID") %>' />
</ItemTemplate>
<ItemStyle CssClass="hidden" />
</asp:TemplateField>

<asp:TemplateField HeaderText="Status" HeaderStyle-CssClass="bg-info gridHeaders">
<ItemTemplate>
<asp:Label ID="lblBookingStatus" runat="server" Text='<%# Eval("Book_Status") %>' />
</ItemTemplate>
<ItemStyle CssClass="text-right" />
</asp:TemplateField>

<asp:TemplateField HeaderText="Remove" HeaderStyle-Width="5%" HeaderStyle-CssClass="bg-info gridHeaders">
<ItemTemplate>
<asp:LinkButton ID="btnRemoveRoom" runat="server" OnClick="btnRemoveRoom_Click"><span style="font-size:medium;color:red" class="glyphicon glyphicon-trash"></span></asp:LinkButton><%--<i class="fa fa-trash fa-2x"></i>--%>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>
</Columns>

<EmptyDataTemplate>
<table class="table table-condensed table-bordered table-hover" style="margin-bottom: 0px">
<tr>
<%-- <th scope="col" class="bg-info">Room No</th>
<th scope="col" class="bg-info">Booked From</th>
<th scope="col" class="bg-info">Booked Till</th>
<th scope="col" class="bg-info">Duration   </th>
<th scope="col" class="bg-info">Fare </th>--%>
</tr>
<tr>
<td colspan="5">No Records to Display!!
</td>
</tr>
</table>
</EmptyDataTemplate>
</asp:GridView>
</div>
</div>
</div>
</div>
</div>



<div class="panel panel-success">
<div class="panel-heading">
<div class="panel-title">
Payment Details
</div>
</div>
<div class="panel-body">

<div class="form-horizontal">
<div class="form-group">
<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblTotalPay" runat="server" Text="Total Fare" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-inr"></i>
</span>
<asp:TextBox ID="txtTotalFare" runat="server" CssClass="form-control" Enabled="false"></asp:TextBox>
</div>

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

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblGst" runat="server" Text="GST Amount" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon" style="padding: 5px 12px ! Important">
<i class="fa fa-inr"></i>
</span>
<asp:TextBox ID="txtGst" runat="server" CssClass="form-control" Enabled="false"></asp:TextBox>
<span class="input-group-addon">18%
</span>
</div>

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

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblAmtPayable" runat="server" Text="Amt Payble" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-inr"></i>
</span>
<asp:TextBox ID="txtAmountPayable" runat="server" CssClass="form-control" Enabled="false"></asp:TextBox>
</div>

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

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblAmtPaid" runat="server" Text="Amount Paid" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-inr"></i>
</span>
<asp:TextBox ID="txtAmtPaid" runat="server" CssClass="form-control" AutoPostBack="true" OnTextChanged="txtAmtPaid_TextChanged" data-toggle="tooltip" data-placement="bottom" title="Enter Paid Amount"></asp:TextBox>
</div>

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


</div>

<div class="form-group">

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblBalAmt" runat="server" Text="Bal Amount" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-inr"></i>
</span>
<asp:TextBox ID="txtBalAmt" runat="server" CssClass="form-control"></asp:TextBox>
</div>

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

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="lblPayMode" runat="server" Text="Pay Mode" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-inr"></i>
</span>
<asp:DropDownList ID="drpPayMode" runat="server" CssClass="form-control" AutoPostBack="true" OnSelectedIndexChanged="drpPayMode_SelectedIndexChanged" data-toggle="tooltip" data-placement="top" title="Select Pay Mode"></asp:DropDownList>
</div>

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

<div class="col-md-3 col-lg-3">
<div class="row">
<asp:Label ID="Label3" runat="server" Text="Pay Status" CssClass="control-label col-md-5 col-lg-5"></asp:Label>
<div class="col-md-7 col-lg-7">
<div class="input-group ">
<span class="input-group-addon">
<i class="fa fa-inr"></i>
</span>
<asp:DropDownList ID="drpPayStatus" runat="server" CssClass="form-control" AutoPostBack="true" OnSelectedIndexChanged="drpPayStatus_SelectedIndexChanged" data-toggle="tooltip" data-placement="top" title="Select Pay Status">
<%-- <asp:ListItem Value="0" Text="Please Select"></asp:ListItem>--%>
<asp:ListItem Value="1" Text="Complete"></asp:ListItem>
<asp:ListItem Value="2" Text="Advance"></asp:ListItem>
<asp:ListItem Value="3" Text="Half"></asp:ListItem>
</asp:DropDownList>
</div>

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


</div>
</div>

</div>
</div>

</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="btnPrinForm" />
<asp:PostBackTrigger ControlID="btnCheckOut" />
</Triggers>
</asp:UpdatePanel>

Provide your code aswell.