I have a gridview inside a div as follows:
<div id="divPopUpFiles" runat="server" style="background-color: White; width: 800px;
height: 410px; position: absolute; border-color: Black; border-style: groove;
border-width: thin; display: none; z-index: 10001;">
<asp:UpdatePanel ID="PopUpPanel" runat="server" Visible="false" UpdateMode="Conditional" ChildrenAsTriggers="true">
<Triggers>
<asp:PostBackTrigger ControlID="btnOk"/>
</Triggers>
<ContentTemplate>
<asp:Label ID="lblModifiedFilesMessage" runat="server" />
<asp:GridView ID="gvPopUpModifiedFiles" runat="server" AutoGenerateColumns="False"
CssClass="dataTable" ShowHeaderWhenEmpty="True" style="overflow: auto; width: 800px; max-height: 200px;">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="chkFileSelect" runat="server" Checked="true" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField HeaderText="FileName" DataField="FileName" />
</Columns>
<HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />
</asp:GridView>
<asp:Button ID="btnOk" Text="OK" runat="server" Font-Bold="true" onclick="btnOk_Click" /><br />
</ContentTemplate>
</asp:UpdatePanel>
</div>
I used the overflow:auto still I am unable to make my grid scrollable
use this code.
<div style="overflow: auto; width: 800px; max-height: 200px;">
<asp:GridView ID="gvPopUpModifiedFiles" runat="server" AutoGenerateColumns="False"
CssClass="dataTable" ShowHeaderWhenEmpty="True" style="overflow: auto; width: 800px; max-height: 200px;">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="chkFileSelect" runat="server" Checked="true" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField HeaderText="FileName" DataField="FileName" />
</Columns>
<HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />
</asp:GridView>
</div>
Related
Style of dropdown in css changes when the page loads. i have tried a number of ways to solve the problem. also i am not able to find dropdownlist id in Update Trigger... any suggestions to help me out...i am stuck at this..thank you in advance...
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:GridView runat="server" ID="gvDetails" AutoGenerateColumns="False" ShowHeaderWhenEmpty="True"
ForeColor="#333333" GridLines="None" ShowFooter="True" Width="855px">
<Columns>
<asp:BoundField DataField="SNo" HeaderText="S.N." ReadOnly="true" />
<asp:TemplateField Items Detail"
ControlStyle-Width="150px" ItemStyle-HorizontalAlign="center">
<ItemTemplate>
<asp:DropDownList ID="ddlItem" runat="server" ForeColor="Black" Height="35px" CssClass="chzn-select"
Style="width: 210px;" Font-Bold="false" AutoPostBack="true" OnSelectedIndexChanged="ddlItem_SelectedIndexChanged">
</asp:DropDownList>
</ItemTemplate>
<FooterTemplate>
<asp:Label ID="lblTotalText" runat="server" Text="Total :"></asp:Label>
</FooterTemplate>
<ControlStyle Width="150px" />
<ItemStyle HorizontalAlign="Center" />
</asp:TemplateField>
<asp:TemplateField HeaderText="" ControlStyle-Width="0px" Visible="true">
<ItemTemplate>
<asp:TextBox ID="txtMRP" runat="server" Enabled="false" Visible="true" BorderStyle="None"
BackColor="White" />
</ItemTemplate>
<ControlStyle Width="0px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="" ControlStyle-Width="0px" Visible="true">
<ItemTemplate>
<asp:TextBox ID="txtAmount" runat="server" Enabled="false" Visible="true" BorderStyle="None"
BackColor="White" />
</ItemTemplate>
<ControlStyle Width="0px" />
</asp:TemplateField>
</Columns>
</asp:GridView>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddlItem" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
<br />
<div style="margin-left: 50px; margin-top: 10px">
</div>
<br />
<asp:Button ID="btnAddSalesOrder" runat="server" Text="Send Inquiry" OnClick="btnAddSalesOrder_Click"
Style="margin-left: 30px; color: White; background-color: #088FCA;" OnClientClick="myClosure();"
class="btn btn-info" />
<asp:Button ID="btnPlaceOrder" runat="server" OnClick="btnPlaceOrder_Click" Text="Place Order"
Style="margin-left: 30px; color: White; background-color: #088FCA;" OnClientClick="myClosure();"
class="btn btn-info" />
<asp:UpdateProgress ID="UpdtProgress" DisplayAfter="1" runat="server" EnableViewState="False">
<ProgressTemplate>
<div style="top: 0px; height: 120%; background-color: White; opacity: 0.75; filter: alpha(opacity=75);
vertical-align: middle; left: 0px; z-index: 999999; width: 120%; position: absolute;
text-align: center;">
<img src="Images/loader.gif">
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</div>
<script type="text/javascript">
$('.chzn-select').select2({
no_results_text: 'Oops, nothing found!',
allowClear: true,
maximumSelectionSize: 1,
width: '130px;'
});
I have a gridview that has many columns within an UpdatePanel, 2 of those columns that are populated with buttons. There is a "Update" button outside of the gridview. When the user clicks "Update", there is a UpdateProgress div that shows up, which is expected. However, when the buttons in the gridview are clicked, it also shows up, which is not what I am intending. How can I exclude these buttons from the UpdateProgress if the gridview itself is in the UpdatePanel? I've tried ChildrenAsTriggers=False and UpdateMode=Conditional but doesn't help. See code being used below.
<asp:UpdateProgress id="UpdateProgress" runat="server">
<ProgressTemplate>
<div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
<asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/images/ajax-loader.gif" AlternateText="Updating PO, please wait ..." ToolTip="Updating PO, please wait ..." style="padding: 10px;position:fixed;top:45%;left:50%;" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="UpdateButton" EventName="Click"/>
</Triggers>
<ContentTemplate>
<!-- Gridview is here -->
</ContentTemplate>
</asp:UpdatePanel>
Example of what's in the gridview:
<asp:TemplateField HeaderText="Button Column One">
<HeaderStyle Width="70px" />
<ItemStyle Wrap="False" HorizontalAlign="Center" Width="70px" />
<ItemTemplate>
<asp:Button ID="btnG" runat="server" OnCommand="btnG_Command" Text="View"/>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField ShowHeader="False" HeaderText="Drug Details">
<ItemTemplate>
<asp:Button ID="btnA" runat="server" OnCommand="btnA_Command" Text="View" />
</ItemTemplate>
<HeaderStyle Width="60px" HorizontalAlign="Center" />
<ItemStyle Width="60px" HorizontalAlign="Center" />
</asp:TemplateField>
Put your Gridview in a separate update panel and specify AssociatedUpdatePanelID field for UpdateProgress control.
<asp:UpdateProgress id="UpdateProgress" runat="server" AssociatedUpdatePanelID="UpdatePanelForButton">
<ProgressTemplate>
<div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
<asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/images/ajax-loader.gif" AlternateText="Updating PO, please wait ..." ToolTip="Updating PO, please wait ..." style="padding: 10px;position:fixed;top:45%;left:50%;" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="UpdatePanelForButton" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="UpdateButton" EventName="Click"/>
</Triggers>
<ContentTemplate>
<!--Button goes here-->
</ContentTemplate>
</asp:UpdatePanel>
I have a asp.net aspx with the code as below:
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div class="globalWrapper">
<div class="Header">
<asp:DropDownList ID="dropDownState" runat="server" class="Controls">
</asp:DropDownList>
<asp:TextBox ID="txtFromDate" runat="server" Text="Choose From Date..." class="Controls"></asp:TextBox>
<asp:Button ID="btnFromDate" runat="server" Text="..." class="btnDate" OnClick="btnFromDate_Click" />
<asp:TextBox ID="txtToDate" runat="server" Text="Choose To Date..." class="Controls"></asp:TextBox>
<asp:Button ID="btnToDate" runat="server" Text="..." class="btnDate" OnClick="btnToDate_Click" />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" class="btnControls" OnClick="btnSubmit_Click" />
<asp:Button ID="btnLogout" runat="server" Text="Log Out" class="btnControls" OnClick="btnLogout_Click" />
</div>
<div class="calendarFromDate">
<asp:Calendar ID="calendarFromDate" runat="server" BackColor="White"
BorderColor="#3366CC" BorderWidth="1px" CellPadding="1"
DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt"
ForeColor="#003399" Height="200px" Visible="False" Width="220px"
onselectionchanged="calendarFromDate_SelectionChanged">
<DayHeaderStyle BackColor="#99CCCC" ForeColor="#336666" Height="1px" />
<NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" />
<OtherMonthDayStyle ForeColor="#999999" />
<SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
<SelectorStyle BackColor="#99CCCC" ForeColor="#336666" />
<TitleStyle BackColor="#003399" BorderColor="#3366CC" BorderWidth="1px"
Font-Bold="True" Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" />
<TodayDayStyle BackColor="#99CCCC" ForeColor="White" />
<WeekendDayStyle BackColor="#CCCCFF" />
</asp:Calendar>
</div>
<div class="calendarToDate">
<asp:Calendar ID="calendarToDate" runat="server" BackColor="White"
BorderColor="#3366CC" BorderWidth="1px" CellPadding="1"
DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt"
ForeColor="#003399" Height="200px" Visible="False" Width="220px"
onselectionchanged="calendarToDate_SelectionChanged">
<DayHeaderStyle BackColor="#99CCCC" ForeColor="#336666" Height="1px" />
<NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" />
<OtherMonthDayStyle ForeColor="#999999" />
<SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
<SelectorStyle BackColor="#99CCCC" ForeColor="#336666" />
<TitleStyle BackColor="#003399" BorderColor="#3366CC" BorderWidth="1px"
Font-Bold="True" Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" />
<TodayDayStyle BackColor="#99CCCC" ForeColor="White" />
<WeekendDayStyle BackColor="#CCCCFF" />
</asp:Calendar>
</div>
<div class="Contents">
<div class="gridView">
<asp:GridView ID="gridStateErrorData" runat="server" BackColor="White" BorderColor="#336666"
BorderStyle="Double" BorderWidth="3px" CellPadding="4" HorizontalAlign="Center">
<FooterStyle BackColor="White" ForeColor="#333333" />
<HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="White" ForeColor="#333333" />
<SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F7F7F7" />
<SortedAscendingHeaderStyle BackColor="#487575" />
<SortedDescendingCellStyle BackColor="#E5E5E5" />
<SortedDescendingHeaderStyle BackColor="#275353" />
</asp:GridView>
</div>
</div>
<div id="chart_container" class="chartContainer" runat="server">
</div>
<asp:Literal ID="literalMapIndia" runat="server"></asp:Literal>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnFromDate" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="btnToDate" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="dropDownState" EventName="SelectedIndexChanged" />
<asp:PostBackTrigger ControlID="btnSubmit" />
<asp:PostBackTrigger ControlID="btnLogout" />
</Triggers>
</asp:UpdatePanel>
</form>
On Submit button click based on logic it is fetching the data from SQL Server 2008 and should display it in GridView. But on execution I'm unable to see the GridView on web page. However if I switch to design mode in visual studio I can pretty much see the GridView there.
I tried removing the division's calendarFromDate and calendarToDate the GridView works fine. I think these div's are actually hiding the underlying GridView. I tried using "z-index = -1" as style attribute to them but no change. What am I missing here? Thanks in advance
My CSS is as below:
body
{
background: #B4C8E1;
font-size: .80em;
font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: #696969;
}
.globalWrapper
{
width: 100%;
height:auto;
background-color : #6E83B6;
}
.Header
{
width : 99%;
margin-left:0.5%;
border:2px solid black;
height: 45px;
background-color:Blue;
vertical-align:middle;
}
.Controls
{
margin-top:10px;
margin-left:6%;
font-weight:bold;
text-align:center;
}
.btnControls
{
margin-top:10px;
margin-left:6%;
width: 8%;
font-weight:bold;
}
.btnDate
{
width:3%;
text-align:center;
font-weight:bold;
}
.calendarFromDate
{
position:relative;
margin-left:29%;
float:left;
width:17%;
}
.calendarToDate
{
position:relative;
margin-right:32%;
float:right;
width:17%;
}
.Contents
{
width: 99%;
height: auto;
margin-left:0.5%;
border:2px solid black;
}
.gridView
{
width:50%;
height:auto;
margin-left:25%;
text-align:center;
}
.chartContainer
{
width:90%;
height:600px;
margin-left:5%;
z-index:-1;
}
Edit : Code Behind
protected void btnSubmit_Click(object sender, EventArgs e)
{
chart_container.Visible = false;
List<StateData> stateData = new List<StateData>();
DataAccessLayer data = new DataAccessLayer();
stateData = data.getStateData(dropDownState.SelectedItem.Text.ToString(), txtFromDate.Text.ToString(), txtToDate.Text.ToString());
gridStateErrorData.DataSource = stateData;
gridStateErrorData.DataBind();
}
I think two divisions calendarFromDate and calendarToDate are hiding the regarding division as you said.
Try adding specific height and float property to Contents and gridView classes in your css code.
.Contents
{
width: 99%;
height: 500px;
margin-left:0.5%;
border:2px solid black;
float:left;
}
.gridView
{
width:50%;
height:600px;
margin-left:25%;
text-align:center;
float:left;
}
I have a set of controls that will show/hide when the user clicks a button. The controls consist of a grid, 2 labels, a dropdown, a text box and another button. I would like to position them as follows:
I have the grid positioned correctly but the dropdown and textbox controls are to the left but below the grid. The button is not centered.
How can I position the DIV with the controls to be positioned beside the grid and the button to display in the center but at the bottom of the main PANEL?
This is my makeup:
<asp:Button ID="btnShowMappingPanel" runat="server" Text="Update Value(s) in Multiple Mappings" Width="325px" />
<asp:Panel ID="pnlMultipleMappingControls" runat="server" Height="300px" Width="1000px" style="display:none;" BackColor="White" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px">
<div id="divMultiMapGrid" style="margin: 25px; width:45%">
<asp:GridView ID="msmgvMultiMappingSelection" runat="server" AllowPaging="True" PageSize="4" AllowSorting="True" AutoGenerateColumns="False" Caption="Select Multiple Mappings to Update"
CaptionAlign="Top" CssClass="grid" Visible="true">
<Columns>
<asp:TemplateField HeaderText="Select">
<EditItemTemplate>
<asp:CheckBox ID="msmgvCkBoxEditSelect" runat="server" />
</EditItemTemplate>
<ItemTemplate>
<asp:CheckBox ID="msmgvCkBoxSelect" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Mapping ID">
<ItemTemplate>
<asp:Label ID="msmgvLblMappingID" runat="server" Text='<%# Bind("EnrollmentMappingID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Schoology Course ID">
<ItemTemplate>
<asp:Label ID="msmgvLblSchoologyCourseID" runat="server" Text='<%# Bind("SchoologyCourseID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="CE City Activity ID">
<ItemTemplate>
<asp:Label ID="msmgvLblCECityActivityID" runat="server" Text='<%# Bind("CECityActivityID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<div id="divMultiMapControls" style="float:right; width:45%; padding:5px">
<div id="divMultiMapActiveCtrl" style="padding:10px">
<asp:Label ID="lblActive" runat="server" Text="Is Active: " CssClass="label"></asp:Label>
<asp:DropDownList ID="ddlActiveOptions" runat="server">
<asp:ListItem> </asp:ListItem>
<asp:ListItem>Yes</asp:ListItem>
<asp:ListItem>No</asp:ListItem>
</asp:DropDownList>
</div>
<div id="divMultiMapMaxEnrollCtrl" style="padding:10px">
<asp:Label ID="lblMaxEnrollment" runat="server" Text="Maximum Enrollment: " CssClass="label"></asp:Label>
<asp:TextBox ID="txtBoxMapEnroll" runat="server" Width="25%"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="txtBoxMapEnroll" runat="server"
ErrorMessage="Enter only integers." ValidationGroup="multiMapEditMappingValidation" ValidationExpression="^\d+$"
Display="Dynamic" CssClass="message-error">
</asp:RegularExpressionValidator>
</div>
</div>
<div id="divMultiMapUpdateBtn">
<asp:Button ID="btnUpdateSelectedMappings" runat="server" Text="Update Selected Mappings" Width="200px" CausesValidation="true"
ValidationGroup="multiMapEditMappingValidation" OnClick="btnUpdateSelectedMappings_Click" />
</div>
</asp:Panel>
AS REQUESTED this is the jsfiddle
<panel>
<div id="divMultiMapGrid" style="margin: 25px; width:45%">Grid is here</div>
<div id="divMultiMapControls" style="float:right; width:45%; padding:5px">Controls are here
<div id="divMultiMapActiveCtrl" style="padding:10px">Dropdown control</div>
<div id="divMultiMapMaxEnrollCtrl" style="padding:10px">text box control</div>
</div>
<div id="divMultiMapUpdateBtn">Button</div>
First of all Don't use inline CSS. It will be very tough to manage later.
Now for your question:
#divMultiMapGrid {
margin: 25px;
width: 45%;
float: left;
}
#divMultiMapControls {
float: right;
width: 45%;
padding: 5px;
}
#divMultiMapActiveCtrl {
padding: 10px;
}
#divMultiMapMaxEnrollCtrl {
padding: 10px;
}
#divMultiMapUpdateBtn {
clear: both;
margin: auto;
width: 104px; // adjust width based on button
}
If you are still interested only in inline style, then
<panel>
<div id="divMultiMapGrid" style="margin: 25px; width:45%;float: left;">Grid is here</div>
<div id="divMultiMapControls" style="float:right; width:45%; padding:5px">Controls are here
<div id="divMultiMapActiveCtrl" style="padding:10px">Dropdown control</div>
<div id="divMultiMapMaxEnrollCtrl" style="padding:10px">text box control</div>
</div>
<div id="divMultiMapUpdateBtn" style=" clear: both; margin: auto; width: 104px;">Button</div>
</panel>
i have an update panel with gridview inside it. also i have a button inside the update panel that triggers it on click event. inside the gridview template field i have a linkbutton which should resets the user password on click. when i click on the reset button it simply does nothing.
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False" Height="240px" Width="952px" Visible = "False" EnableModelValidation="True" EnableViewState="false">
<Columns>
<asp:BoundField DataField="personid" HeaderText="Person ID" />
<asp:BoundField DataField="firstname" HeaderText="Account No" />
<asp:BoundField DataField="surname" HeaderText="Skin Centre" />
<asp:BoundField DataField="email" HeaderText="Email" />
<asp:BoundField DataField="password" HeaderText="Password" ControlStyle-Width="200px">
<ControlStyle Width="200px"></ControlStyle>
</asp:BoundField><asp:TemplateField HeaderText="">
<ItemTemplate>
<asp:LinkButton ID="lnkBtn" runat="server" OnCommand="lnkBtn_Command" CommandArgument='<%# Eval("CmdArgument") %>' Text='<%# Eval("CmdArgument", " reset ") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:UpdateProgress ID="UPCalendarUpdateProgress" runat="server" DisplayAfter="0">
<ProgressTemplate>
<div style="width:100%; height: 100%; border: 0px solid; position: absolute; top: 0; left: 0; text-align: center;">
<div id="loadingMessage">
<asp:Label ID="LbLoadingMessage" runat="server" ForeColor = "Red" Font-Size="XX-Large" Text="Loading the account details..." CssClass="loading-message-text">
</asp:Label><br />
<img src="images/loadingAnimation.gif" alt="" style="margin-top: 20px;" /></div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<div style="margin-top:50px;">
<asp:button ID="rstButton" runat="server" text="Complete Reset" OnClick ="rstButton_Click" Visible ="false"/>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="rstButton" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
any idea would be appreciated.
Update your EventName from Click to the exact button event name,
<Triggers>
<asp:AsyncPostBackTrigger ControlID="rstButton" EventName="rstButton_Click" />
</Triggers>
Hope this helps..
please try again like this
<asp:ScriptManager ID="scm" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False" Height="240px" Width="952px"
Visible="False" EnableModelValidation="True" EnableViewState="false">
<Columns>
<asp:BoundField DataField="personid" HeaderText="Person ID" />
<asp:BoundField DataField="firstname" HeaderText="Account No" />
<asp:BoundField DataField="surname" HeaderText="Skin Centre" />
<asp:BoundField DataField="email" HeaderText="Email" />
<asp:BoundField DataField="password" HeaderText="Password" ControlStyle-Width="200px">
<ControlStyle Width="200px"></ControlStyle>
</asp:BoundField>
<asp:TemplateField HeaderText="">
<ItemTemplate>
<asp:LinkButton ID="lnkBtn" runat="server" OnCommand="lnkBtn_Command" CommandArgument='<%# Eval("CmdArgument") %>'
Text='<%# Eval("CmdArgument", " reset ") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<div style="margin-top: 50px;">
<asp:Button ID="rstButton" runat="server" Text="Complete Reset" OnClick="rstButton_Click"
Visible="true" />
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="rstButton" />
<asp:AsyncPostBackTrigger ControlID="gv" />
</Triggers>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UPCalendarUpdateProgress" runat="server" DisplayAfter="0">
<ProgressTemplate>
<div style="width: 100%; height: 100%; border: 0px solid; position: absolute; top: 0;
left: 0; text-align: center;">
<div id="loadingMessage">
<asp:Label ID="LbLoadingMessage" runat="server" ForeColor="Red" Font-Size="XX-Large"
Text="Loading the account details..." CssClass="loading-message-text">
</asp:Label><br />
<img src="images/loadingAnimation.gif" alt="" style="margin-top: 20px;" /></div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
i hope it will resolve your problem....