It shows accordion does not have a public property named updae panel and vice versa.
According to the description above, it seems like that you don't put the controls inside an UpdatePanelcontrol. When you add controls, you need to add ContentTemplate which is used to se the template that defines the content of the UpdatePanel
control at first.
In order to help you, please see the demo which shows how to put a Textbox inside the UpdatePanel below:
In order to do it, please use IE Developer Tools to dug your code and find out the id which you want to change the css. Then add the correponding id to it as follows:
happinezz
Member
2 Points
15 Posts
How to fire button click without full page load inside accordion ?
Nov 18, 2012 03:35 PM|LINK
I have an accordion with 4 panes and each pane contains 2 ,3 textboxes and 1 button say submit button.
I want to submit the data that entered in those textboxes on those button click.
I want to do it without full page load , means i want to submit the data to the database but i don't want to do a full page load .
I tried to place an update panel in those panes and place my button in it, but it failed.
How to do it guys?..
sukanta
Member
459 Points
130 Posts
Re: How to fire button click without full page load inside accordion ?
Nov 18, 2012 04:36 PM|LINK
u can go for multiple ajax update panel and use the accondian panel and button for getting the the required functrionalaty,,,
thanks......
tiger77
Member
2 Points
2 Posts
Re: How to fire button click without full page load inside accordion ?
Nov 18, 2012 11:03 PM|LINK
Can I still use accordian panels if I'm not using jQuery?
happinezz
Member
2 Points
15 Posts
Re: How to fire button click without full page load inside accordion ?
Nov 19, 2012 12:26 AM|LINK
But the problem is that it is not allowing me to place an updatapanel inside an accordion or an accordion inside an update panel.
It shows accordion does not have a public property named updae panel and vice versa.
Catherine Sh...
All-Star
23373 Points
2490 Posts
Microsoft
Re: How to fire button click without full page load inside accordion ?
Nov 19, 2012 07:56 AM|LINK
Hi,
According to the description above, it seems like that you don't put the controls inside an UpdatePanelcontrol. When you add controls, you need to add ContentTemplate which is used to se the template that defines the content of the UpdatePanel control at first.
In order to help you, please see the demo which shows how to put a Textbox inside the UpdatePanel below:
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:TextBox ID="txtuser" runat="server"></asp:TextBox> </ContentTemplate> </asp:UpdatePanel>In addition, please check the link below:
http://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel.aspx
Best wishes,
Feedback to us
Develop and promote your apps in Windows Store
happinezz
Member
2 Points
15 Posts
Re: How to fire button click without full page load inside accordion ?
Nov 21, 2012 02:14 PM|LINK
Yes now iam able to get connected to the database without full page by clicking my button in the accordion pane.
Now i want to arrange my accordion panes as 2 columns like
Pane1 Pane2
Pane3 Pane4
Pane5 Pane6
Is it possible by CCS?..
If yes how to do it?
Catherine Sh...
All-Star
23373 Points
2490 Posts
Microsoft
Re: How to fire button click without full page load inside accordion ?
Nov 23, 2012 04:35 AM|LINK
Hi,
Yes, you can do it using css.
In order to do it, please use IE Developer Tools to dug your code and find out the id which you want to change the css. Then add the correponding id to it as follows:
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> #AccordionPane1_header { position: absolute; top: 125px; } #AccordionPane3_header { position: absolute; top: 250px; } #AccordionPane2_header { position: absolute; right: 750px; top: 125px; } #AccordionPane4_header { position: absolute; right: 750px; top: 250px; } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager> <asp:Accordion ID="Accordion1" runat="server" Height="309px"> <Panes> <asp:AccordionPane ID="AccordionPane1" runat="server"> <Header> <a href="#" class="href">UserName</a></Header> <Content> <asp:Panel ID="UserReg" runat="server"> <table align="center"> <tr> <td align="right" colspan="2"> UserName: </td> <td> <b>Suresh Dasari</b> </td> </tr> </table> </asp:Panel> </Content> </asp:AccordionPane> <asp:AccordionPane ID="AccordionPane2" runat="server"> <Header> <a href="#" class="href">UserID</a></Header> <Content> <asp:Panel ID="Panel1" runat="server"> <table align="center"> <tr> <td align="right" colspan="2"> UserID: </td> <td> <b>123</b> </td> </tr> </table> </asp:Panel> </Content> </asp:AccordionPane> <asp:AccordionPane ID="AccordionPane3" runat="server"> <Header> <a href="#" class="href">Job Details</a> </Header> <Content> <asp:Panel ID="Panel2" runat="server"> <table align="center"> <tr> <td> </td> <td align="right"> Job Type: </td> <td> <b>Software</b> </td> </tr> </table> </asp:Panel> </Content> </asp:AccordionPane> <asp:AccordionPane ID="AccordionPane4" runat="server"> <Header> <a href="#" class="href">Telephone number</a> </Header> <Content> <asp:Panel ID="Panel3" runat="server"> <table align="center"> <tr> <td> </td> <td align="right"> Telephone number: </td> <td> <b>0123466789</b> </td> </tr> </table> </asp:Panel> </Content> </asp:AccordionPane> </Panes> </asp:Accordion> </div> </form> </body> </html>Best wishes,
Feedback to us
Develop and promote your apps in Windows Store