<script type="text/javascript">
function mouseOver()
{
document.getElementById('<%=drpSecret.ClientID%>').style.width= 'auto';
}
</script>
<a href="#" onmouseover="mouseOver();">
<asp:DropDownList ID="drpSecret" runat="server" Width="190px" AutoPostBack="true" OnSelectedIndexChanged="drpSecret_SelectedIndexChanged">
<asp:ListItem Value="1">Who is your favorite Author?</asp:ListItem>
<asp:ListItem Value="2">What was your first Pet's name?</asp:ListItem>
<asp:ListItem Value="3">What is the name of Hospital where you were born?</asp:ListItem>
<asp:ListItem Value="4">What was your favorite food as a child?</asp:ListItem>
<asp:ListItem Value="5">What was the name of your childhood friend?</asp:ListItem>
<asp:ListItem Value="6">Where did you spend your childhood summers?</asp:ListItem>
<asp:ListItem Value="7">Who is your all-time favorite movie character?</asp:ListItem>
<asp:ListItem Value="8">What was the make of your First Motorcycle?</asp:ListItem>
<asp:ListItem Value="9">What is the name of Best man at your wedding?</asp:ListItem>
<asp:ListItem Value="10">What is the name of street on which you grew up?</asp:ListItem>
<asp:ListItem Value="11">Otherwise Enter your Secret Question</asp:ListItem>
</asp:DropDownList></a>
convert it according to ur requirement
Asternaup, there is one more problem. The textbox is inside a nested Listview control so this line $("#<%= txtInsertDefinition.ClientID %>").hover( of code is having problem accessing the textbox. Do you have an idea on how to access the nested Listview control's
textbox?
You can do this easily.
By using class-
Add a unique class to the text box like cssClassForTextboxHover and use like below-
Many thanks for the help. I tried both of your suggestions and it is still not working. Again, my alert that's inside the funtion didn't even get fired. My TextBox control already have CSSClass "expanding" and so I did try your suggestion about using unique
class and it's still not working. I had a similar project back in 2010 and it works fine with nested listview controls but for some reason, it does not work here. I couldn't figure out why.
By the way, all my aspx code are above in my previous post.
Okay, I found out what causes the problem; however, this behavior is not consistent. I turned off the Update Panel and it works fine. However, I just did a separate test with Update Panel and it works fine.
Ayushi
Member
310 Points
96 Posts
Re: Textbox expand when focused
Mar 09, 2011 04:05 AM|LINK
<script type="text/javascript"> function mouseOver() { document.getElementById('<%=drpSecret.ClientID%>').style.width= 'auto'; } </script> <a href="#" onmouseover="mouseOver();"> <asp:DropDownList ID="drpSecret" runat="server" Width="190px" AutoPostBack="true" OnSelectedIndexChanged="drpSecret_SelectedIndexChanged"> <asp:ListItem Value="1">Who is your favorite Author?</asp:ListItem> <asp:ListItem Value="2">What was your first Pet's name?</asp:ListItem> <asp:ListItem Value="3">What is the name of Hospital where you were born?</asp:ListItem> <asp:ListItem Value="4">What was your favorite food as a child?</asp:ListItem> <asp:ListItem Value="5">What was the name of your childhood friend?</asp:ListItem> <asp:ListItem Value="6">Where did you spend your childhood summers?</asp:ListItem> <asp:ListItem Value="7">Who is your all-time favorite movie character?</asp:ListItem> <asp:ListItem Value="8">What was the make of your First Motorcycle?</asp:ListItem> <asp:ListItem Value="9">What is the name of Best man at your wedding?</asp:ListItem> <asp:ListItem Value="10">What is the name of street on which you grew up?</asp:ListItem> <asp:ListItem Value="11">Otherwise Enter your Secret Question</asp:ListItem> </asp:DropDownList></a> convert it according to ur requirement<script type="text/javascript">// ').style.width= 'auto'; } // ]]></script>mychucky
Contributor
4358 Points
3709 Posts
Re: Textbox expand when focused
Mar 09, 2011 02:30 PM|LINK
Many thanks for the help. I tried both of your suggestions and it is still not working. Again, my alert that's inside the funtion didn't even get fired. My TextBox control already have CSSClass "expanding" and so I did try your suggestion about using unique class and it's still not working. I had a similar project back in 2010 and it works fine with nested listview controls but for some reason, it does not work here. I couldn't figure out why.
By the way, all my aspx code are above in my previous post.
mychucky
Contributor
4358 Points
3709 Posts
Re: Textbox expand when focused
Mar 11, 2011 07:55 PM|LINK
Okay, I found out what causes the problem; however, this behavior is not consistent. I turned off the Update Panel and it works fine. However, I just did a separate test with Update Panel and it works fine.
<head runat="server"> <title></title> <link href="../CSS/lusHmoobMain.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="scripts/jquery-1.3.2.js"></script> <script type="text/javascript" src="scripts/jquery.autogrow.js"></script> <script type="text/javascript"> $(document).ready(function () { $('.expanding').autogrow(); //use the following code if I figured out how to get jQuery to recognized repating same Div ID //$("#commands").hide("normal"); //alert("Expanding"); $('.expanding').hover( function () { $(this).animate({ height: 100 }, 500); }, function () { $(this).animate({ height: 20 }, 500); } ) }); $(function () { $("textarea[id$=txtInsertDefinition]").blur(function () { //$("#commands").hide() $(this).next().hide("normal"); //alert("got in first"); }); $("textarea[id$=txtInsertDefinition]").focus(function () { $(this).next().show("normal"); //$("#commands").next().show("normal"); //alert("got in second"); }); }); </script> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="udpEdit" runat="server"> <ContentTemplate> <asp:SqlDataSource ID="sqlWord" runat="server" ConnectionString="<%$ ConnectionStrings:MyConnectionString %>" DeleteCommand="DELETE FROM [lusHmoob] WHERE [wordID] = @wordID" InsertCommand="INSERT INTO [lusHmoob] ([wordID], [word], [originate], [whoInsert], [whoModify], [insertDate], [modDate], [approval]) VALUES (@wordID, @word, @originate, @whoInsert, @whoModify, @insertDate, @modDate, @approval)" SelectCommand="SELECT * FROM [lusHmoob]" UpdateCommand="UPDATE [lusHmoob] SET [word] = @word, [originate] = @originate, [whoInsert] = @whoInsert, [whoModify] = @whoModify, [insertDate] = @insertDate, [modDate] = @modDate, [approval] = @approval WHERE [wordID] = @wordID"> <DeleteParameters> <asp:Parameter Name="wordID" Type="Object" /> </DeleteParameters> <InsertParameters> <asp:Parameter Name="wordID" Type="Object" /> <asp:Parameter Name="word" Type="String" /> <asp:Parameter Name="originate" Type="String" /> <asp:Parameter Name="whoInsert" Type="Object" /> <asp:Parameter Name="whoModify" Type="Object" /> <asp:Parameter Name="insertDate" Type="DateTime" /> <asp:Parameter Name="modDate" Type="DateTime" /> <asp:Parameter Name="approval" Type="Boolean" /> </InsertParameters> <UpdateParameters> <asp:Parameter Name="word" Type="String" /> <asp:Parameter Name="originate" Type="String" /> <asp:Parameter Name="whoInsert" Type="Object" /> <asp:Parameter Name="whoModify" Type="Object" /> <asp:Parameter Name="insertDate" Type="DateTime" /> <asp:Parameter Name="modDate" Type="DateTime" /> <asp:Parameter Name="approval" Type="Boolean" /> <asp:Parameter Name="wordID" Type="Object" /> </UpdateParameters> </asp:SqlDataSource> <asp:SqlDataSource ID="sqlDefinition" runat="server" ConnectionString="<%$ ConnectionStrings:MyConnectionString %>" DeleteCommand="DELETE FROM [definition] WHERE [defineID] = @defineID" InsertCommand="INSERT INTO [definition] ([dfWordID], [language], [definitions], [usage], [dfWhoInsert], [dfWhoModify], [dateInsert], [dateModify], [dfApproval]) VALUES (@dfWordID, @language, @definitions, @usage, @dfWhoInsert, @dfWhoModify, @dateInsert, @dateModify, @dfApproval)" SelectCommand="SELECT * FROM [definition]" UpdateCommand="UPDATE [definition] SET [dfWordID] = @dfWordID, [language] = @language, [definitions] = @definitions, [usage] = @usage, [dfWhoInsert] = @dfWhoInsert, [dfWhoModify] = @dfWhoModify, [dateInsert] = @dateInsert, [dateModify] = @dateModify, [dfApproval] = @dfApproval WHERE [defineID] = @defineID"> <DeleteParameters> <asp:Parameter Name="defineID" Type="Int32" /> </DeleteParameters> <InsertParameters> <asp:Parameter Name="dfWordID" Type="Object" /> <asp:Parameter Name="language" Type="String" /> <asp:Parameter Name="definitions" Type="String" /> <asp:Parameter Name="usage" Type="String" /> <asp:Parameter Name="dfWhoInsert" Type="Object" /> <asp:Parameter Name="dfWhoModify" Type="Object" /> <asp:Parameter Name="dateInsert" Type="DateTime" /> <asp:Parameter Name="dateModify" Type="DateTime" /> <asp:Parameter Name="dfApproval" Type="Boolean" /> </InsertParameters> <UpdateParameters> <asp:Parameter Name="dfWordID" Type="Object" /> <asp:Parameter Name="language" Type="String" /> <asp:Parameter Name="definitions" Type="String" /> <asp:Parameter Name="usage" Type="String" /> <asp:Parameter Name="dfWhoInsert" Type="Object" /> <asp:Parameter Name="dfWhoModify" Type="Object" /> <asp:Parameter Name="dateInsert" Type="DateTime" /> <asp:Parameter Name="dateModify" Type="DateTime" /> <asp:Parameter Name="dfApproval" Type="Boolean" /> <asp:Parameter Name="defineID" Type="Int32" /> </UpdateParameters> </asp:SqlDataSource> <asp:ListView ID="ltvWord" runat="server" DataKeyNames="wordID" DataSourceID="sqlWord" InsertItemPosition="LastItem"> <AlternatingItemTemplate> <span style="background-color: #FFF8DC;">wordID: <asp:Label ID="wordIDLabel" runat="server" Text='<%# Eval("wordID") %>' /> <br /> word: <asp:Label ID="wordLabel" runat="server" Text='<%# Eval("word") %>' /> <br /> originate: <asp:Label ID="originateLabel" runat="server" Text='<%# Eval("originate") %>' /> <br /> whoInsert: <asp:Label ID="whoInsertLabel" runat="server" Text='<%# Eval("whoInsert") %>' /> <br /> whoModify: <asp:Label ID="whoModifyLabel" runat="server" Text='<%# Eval("whoModify") %>' /> <br /> insertDate: <asp:Label ID="insertDateLabel" runat="server" Text='<%# Eval("insertDate") %>' /> <br /> modDate: <asp:Label ID="modDateLabel" runat="server" Text='<%# Eval("modDate") %>' /> <br /> <asp:CheckBox ID="approvalCheckBox" runat="server" Checked='<%# Eval("approval") %>' Enabled="false" Text="approval" /> <br /> <asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="Edit" /> <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text="Delete" /> <br /><br /></span> </AlternatingItemTemplate> <EditItemTemplate> <span style="background-color: #008A8C;color: #FFFFFF;">wordID: <asp:Label ID="wordIDLabel1" runat="server" Text='<%# Eval("wordID") %>' /> <br /> word: <asp:TextBox ID="wordTextBox" runat="server" Text='<%# Bind("word") %>' /> <br /> originate: <asp:TextBox ID="originateTextBox" runat="server" Text='<%# Bind("originate") %>' /> <br /> whoInsert: <asp:TextBox ID="whoInsertTextBox" runat="server" Text='<%# Bind("whoInsert") %>' /> <br /> whoModify: <asp:TextBox ID="whoModifyTextBox" runat="server" Text='<%# Bind("whoModify") %>' /> <br /> insertDate: <asp:TextBox ID="insertDateTextBox" runat="server" Text='<%# Bind("insertDate") %>' /> <br /> modDate: <asp:TextBox ID="modDateTextBox" runat="server" Text='<%# Bind("modDate") %>' /> <br /> <asp:CheckBox ID="approvalCheckBox" runat="server" Checked='<%# Bind("approval") %>' Text="approval" /> <br /> <asp:Button ID="UpdateButton" runat="server" CommandName="Update" Text="Update" /> <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="Cancel" /> <br /><br /></span> </EditItemTemplate> <EmptyDataTemplate> <span>No data was returned.</span> </EmptyDataTemplate> <InsertItemTemplate> <span style="">wordID: <asp:TextBox ID="wordIDTextBox" runat="server" Text='<%# Bind("wordID") %>' /> <br />word: <asp:TextBox ID="wordTextBox" runat="server" Text='<%# Bind("word") %>' /> <br />originate: <asp:TextBox ID="originateTextBox" runat="server" Text='<%# Bind("originate") %>' /> <br />whoInsert: <asp:TextBox ID="whoInsertTextBox" runat="server" Text='<%# Bind("whoInsert") %>' /> <br />whoModify: <asp:TextBox ID="whoModifyTextBox" runat="server" Text='<%# Bind("whoModify") %>' /> <br />insertDate: <asp:TextBox ID="insertDateTextBox" runat="server" Text='<%# Bind("insertDate") %>' /> <br />modDate: <asp:TextBox ID="modDateTextBox" runat="server" Text='<%# Bind("modDate") %>' /> <br /> <asp:CheckBox ID="approvalCheckBox" runat="server" Checked='<%# Bind("approval") %>' Text="approval" /> <br /> <asp:Button ID="InsertButton" runat="server" CommandName="Insert" Text="Insert" /> <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="Clear" /> <br /><br /></span> </InsertItemTemplate> <ItemTemplate> <span style="background-color: #DCDCDC; color: #000000;">wordID: <asp:Label ID="wordIDLabel" runat="server" Text='<%# Eval("wordID") %>' /> <br /> word: <asp:Label ID="wordLabel" runat="server" Text='<%# Eval("word") %>' /> <br /> originate: <asp:Label ID="originateLabel" runat="server" Text='<%# Eval("originate") %>' /> <br /> whoInsert: <asp:Label ID="whoInsertLabel" runat="server" Text='<%# Eval("whoInsert") %>' /> <br /> whoModify: <asp:Label ID="whoModifyLabel" runat="server" Text='<%# Eval("whoModify") %>' /> <br /> insertDate: <asp:Label ID="insertDateLabel" runat="server" Text='<%# Eval("insertDate") %>' /> <br /> modDate: <asp:Label ID="modDateLabel" runat="server" Text='<%# Eval("modDate") %>' /> <br /> <asp:CheckBox ID="approvalCheckBox" runat="server" Checked='<%# Eval("approval") %>' Enabled="false" Text="approval" /> <br /> <!--This is the start of nested listview --> <asp:ListView ID="ltvDefinition" runat="server" DataKeyNames="defineID" DataSourceID="sqlDefinition" InsertItemPosition="LastItem"> <AlternatingItemTemplate> <span style="background-color: #FFF8DC;">defineID: <asp:Label ID="defineIDLabel" runat="server" Text='<%# Eval("defineID") %>' /> <br /> dfWordID: <asp:Label ID="dfWordIDLabel" runat="server" Text='<%# Eval("dfWordID") %>' /> <br /> language: <asp:Label ID="languageLabel" runat="server" Text='<%# Eval("language") %>' /> <br /> definitions: <asp:Label ID="definitionsLabel" runat="server" Text='<%# Eval("definitions") %>' /> <br /> usage: <asp:Label ID="usageLabel" runat="server" Text='<%# Eval("usage") %>' /> <br /> dfWhoInsert: <asp:Label ID="dfWhoInsertLabel" runat="server" Text='<%# Eval("dfWhoInsert") %>' /> <br /> dfWhoModify: <asp:Label ID="dfWhoModifyLabel" runat="server" Text='<%# Eval("dfWhoModify") %>' /> <br /> dateInsert: <asp:Label ID="dateInsertLabel" runat="server" Text='<%# Eval("dateInsert") %>' /> <br /> dateModify: <asp:Label ID="dateModifyLabel" runat="server" Text='<%# Eval("dateModify") %>' /> <br /> <asp:CheckBox ID="dfApprovalCheckBox" runat="server" Checked='<%# Eval("dfApproval") %>' Enabled="false" Text="dfApproval" /> <br /> <asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="Edit" /> <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text="Delete" /> <br /> <br /> </span> </AlternatingItemTemplate> <EditItemTemplate> <span style="background-color: #008A8C; color: #FFFFFF;">defineID: <asp:Label ID="defineIDLabel1" runat="server" Text='<%# Eval("defineID") %>' /> <br /> dfWordID: <asp:TextBox ID="dfWordIDTextBox" runat="server" Text='<%# Bind("dfWordID") %>' /> <br /> language: <asp:TextBox ID="languageTextBox" runat="server" Text='<%# Bind("language") %>' /> <br /> definitions: <asp:TextBox ID="definitionsTextBox" runat="server" Text='<%# Bind("definitions") %>' /> <br /> usage: <asp:TextBox ID="usageTextBox" runat="server" Text='<%# Bind("usage") %>' /> <br /> dfWhoInsert: <asp:TextBox ID="dfWhoInsertTextBox" runat="server" Text='<%# Bind("dfWhoInsert") %>' /> <br /> dfWhoModify: <asp:TextBox ID="dfWhoModifyTextBox" runat="server" Text='<%# Bind("dfWhoModify") %>' /> <br /> dateInsert: <asp:TextBox ID="dateInsertTextBox" runat="server" Text='<%# Bind("dateInsert") %>' /> <br /> dateModify: <asp:TextBox ID="dateModifyTextBox" runat="server" Text='<%# Bind("dateModify") %>' /> <br /> <asp:CheckBox ID="dfApprovalCheckBox" runat="server" Checked='<%# Bind("dfApproval") %>' Text="dfApproval" /> <br /> <asp:Button ID="UpdateButton" runat="server" CommandName="Update" Text="Update" /> <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="Cancel" /> <br /> <br /> </span> </EditItemTemplate> <EmptyDataTemplate> <span>No data was returned.</span> </EmptyDataTemplate> <InsertItemTemplate> <span style="">dfWordID: <asp:TextBox ID="dfWordIDTextBox" runat="server" Text='<%# Bind("dfWordID") %>' /> <br /> language: <asp:TextBox ID="languageTextBox" runat="server" Text='<%# Bind("language") %>' /> <br /> <%-- definitions: <asp:TextBox ID="definitionsTextBox" runat="server" Text='<%# Bind("definitions") %>' /> <br />--%> usage: <asp:TextBox ID="usageTextBox" runat="server" Text='<%# Bind("usage") %>' /> <br /> dfWhoInsert: <asp:TextBox ID="dfWhoInsertTextBox" runat="server" Text='<%# Bind("dfWhoInsert") %>' /> <br /> dfWhoModify: <asp:TextBox ID="dfWhoModifyTextBox" runat="server" Text='<%# Bind("dfWhoModify") %>' /> <br /> dateInsert: <asp:TextBox ID="dateInsertTextBox" runat="server" Text='<%# Bind("dateInsert") %>' /> <br /> dateModify: <asp:TextBox ID="dateModifyTextBox" runat="server" Text='<%# Bind("dateModify") %>' /> <br /> <asp:CheckBox ID="dfApprovalCheckBox" runat="server" Checked='<%# Bind("dfApproval") %>' Text="dfApproval" /> <br /> <div id="definitionDiv"> <asp:TextBox ID="txtInsertDefinition" AutoPostBack="false" CssClass="expanding" runat="server" Width="300px" Text='<%# Bind("definitions") %>' TextMode="MultiLine" /> <div id="commands" style="display: none;" runat="server"> <table cellpadding="0" cellspacing="0" width="300px" id="tblCommands"> <tr> <td style="width: 50%; text-align: center;"> <asp:LinkButton CssClass="submitComments" ID="lnbInsertRes" runat="server" CommandName="Insert" Font-Underline="false">Insert</asp:LinkButton> </td> <td style="width: 50%; text-align: center;"> <asp:LinkButton CssClass="submitComments" ID="lnbCancelRes" runat="server" CommandName="Cancel" Font-Underline="false">Cancel</asp:LinkButton> </td> </tr> </table> </div> </div> <%--<asp:Button ID="InsertButton" runat="server" CommandName="Insert" Text="Insert" /> <asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="Clear" /> <br /> <br />--%> </span> </InsertItemTemplate> <ItemTemplate> <span style="background-color: #DCDCDC; color: #000000;">defineID: <asp:Label ID="defineIDLabel" runat="server" Text='<%# Eval("defineID") %>' /> <br /> dfWordID: <asp:Label ID="dfWordIDLabel" runat="server" Text='<%# Eval("dfWordID") %>' /> <br /> language: <asp:Label ID="languageLabel" runat="server" Text='<%# Eval("language") %>' /> <br /> definitions: <asp:Label ID="definitionsLabel" runat="server" Text='<%# Eval("definitions") %>' /> <br /> usage: <asp:Label ID="usageLabel" runat="server" Text='<%# Eval("usage") %>' /> <br /> dfWhoInsert: <asp:Label ID="dfWhoInsertLabel" runat="server" Text='<%# Eval("dfWhoInsert") %>' /> <br /> dfWhoModify: <asp:Label ID="dfWhoModifyLabel" runat="server" Text='<%# Eval("dfWhoModify") %>' /> <br /> dateInsert: <asp:Label ID="dateInsertLabel" runat="server" Text='<%# Eval("dateInsert") %>' /> <br /> dateModify: <asp:Label ID="dateModifyLabel" runat="server" Text='<%# Eval("dateModify") %>' /> <br /> <asp:CheckBox ID="dfApprovalCheckBox" runat="server" Checked='<%# Eval("dfApproval") %>' Enabled="false" Text="dfApproval" /> <br /> <asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="Edit" /> <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text="Delete" /> <br /> <br /> </span> </ItemTemplate> <LayoutTemplate> <div id="itemPlaceholderContainer" runat="server" style="font-family: Verdana, Arial, Helvetica, sans-serif;"> <span runat="server" id="itemPlaceholder" /> </div> <div style="text-align: center; background-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;"> <asp:DataPager ID="DataPager1" runat="server"> <Fields> <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowLastPageButton="True" /> </Fields> </asp:DataPager> </div> </LayoutTemplate> <SelectedItemTemplate> <span style="background-color: #008A8C; font-weight: bold; color: #FFFFFF;">defineID: <asp:Label ID="defineIDLabel" runat="server" Text='<%# Eval("defineID") %>' /> <br /> dfWordID: <asp:Label ID="dfWordIDLabel" runat="server" Text='<%# Eval("dfWordID") %>' /> <br /> language: <asp:Label ID="languageLabel" runat="server" Text='<%# Eval("language") %>' /> <br /> definitions: <asp:Label ID="definitionsLabel" runat="server" Text='<%# Eval("definitions") %>' /> <br /> usage: <asp:Label ID="usageLabel" runat="server" Text='<%# Eval("usage") %>' /> <br /> dfWhoInsert: <asp:Label ID="dfWhoInsertLabel" runat="server" Text='<%# Eval("dfWhoInsert") %>' /> <br /> dfWhoModify: <asp:Label ID="dfWhoModifyLabel" runat="server" Text='<%# Eval("dfWhoModify") %>' /> <br /> dateInsert: <asp:Label ID="dateInsertLabel" runat="server" Text='<%# Eval("dateInsert") %>' /> <br /> dateModify: <asp:Label ID="dateModifyLabel" runat="server" Text='<%# Eval("dateModify") %>' /> <br /> <asp:CheckBox ID="dfApprovalCheckBox" runat="server" Checked='<%# Eval("dfApproval") %>' Enabled="false" Text="dfApproval" /> <br /> <asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="Edit" /> <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text="Delete" /> <br /> <br /> </span> </SelectedItemTemplate> </asp:ListView> <!--This is the end of nested listview--> <asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="Edit" /> <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text="Delete" /> <br /> <br /> </span> </ItemTemplate> <LayoutTemplate> <div ID="itemPlaceholderContainer" runat="server" style="font-family: Verdana, Arial, Helvetica, sans-serif;"> <span runat="server" id="itemPlaceholder" /> </div> <div style="text-align: center;background-color: #CCCCCC;font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000;"> <asp:DataPager ID="DataPager1" runat="server"> <Fields> <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowLastPageButton="True" /> </Fields> </asp:DataPager> </div> </LayoutTemplate> <SelectedItemTemplate> <span style="background-color: #008A8C;font-weight: bold;color: #FFFFFF;"> wordID: <asp:Label ID="wordIDLabel" runat="server" Text='<%# Eval("wordID") %>' /> <br /> word: <asp:Label ID="wordLabel" runat="server" Text='<%# Eval("word") %>' /> <br /> originate: <asp:Label ID="originateLabel" runat="server" Text='<%# Eval("originate") %>' /> <br /> whoInsert: <asp:Label ID="whoInsertLabel" runat="server" Text='<%# Eval("whoInsert") %>' /> <br /> whoModify: <asp:Label ID="whoModifyLabel" runat="server" Text='<%# Eval("whoModify") %>' /> <br /> insertDate: <asp:Label ID="insertDateLabel" runat="server" Text='<%# Eval("insertDate") %>' /> <br /> modDate: <asp:Label ID="modDateLabel" runat="server" Text='<%# Eval("modDate") %>' /> <br /> <asp:CheckBox ID="approvalCheckBox" runat="server" Checked='<%# Eval("approval") %>' Enabled="false" Text="approval" /> <br /> <asp:Button ID="EditButton" runat="server" CommandName="Edit" Text="Edit" /> <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text="Delete" /> <br /><br /></span> </SelectedItemTemplate> </asp:ListView> </ContentTemplate> </asp:UpdatePanel> </form> </body>I do not get why my actual page didn't work but the test above works with Update Panel.