AJAX control Toolkit Accordion Control problem
-
I am using AJAX control toolkit Accordion control on my page. In accordion pane i have added one pane and in that pane i put some header and content. My code below shows for header and content <Header> <div style="float: left; width: 100%;" class="head4"> 1. Household Size</div> </Header> <Content> <div style="float: left; width: 50%; background-color: #a9d4ff;"> <asp:Label ID="lbl_Stud_HouseholdSize" runat="server" Text="5"></asp:Label> </div> <div style="float: left; width: 50%; background-color: #afffaf;"> <asp:Label ID="lbl_Parent_HSize" runat="server" Text=""></asp:Label></div> <div style="float: left; width: 50%; background-color: #a9d4ff;"> <div style="float: left; width: 100%;"> <asp:RadioButtonList ID="rd_Shouseholdsize" runat="server" RepeatDirection="Horizontal" Width="70px" AutoPostBack="True" OnSelectedIndexChanged="rd_householdsize_SelectedIndexChanged"> <asp:ListItem Value="1">Valid</asp:ListItem> <asp:ListItem Value="0">Correction</asp:ListItem> </asp:RadioButtonList> </div> </div> </Content> The problem is when i execute, it does not show anything in pane. Just show the headers. Any solution will be helpfull.
-
I am using AJAX control toolkit Accordion control on my page. In accordion pane i have added one pane and in that pane i put some header and content. My code below shows for header and content <Header> <div style="float: left; width: 100%;" class="head4"> 1. Household Size</div> </Header> <Content> <div style="float: left; width: 50%; background-color: #a9d4ff;"> <asp:Label ID="lbl_Stud_HouseholdSize" runat="server" Text="5"></asp:Label> </div> <div style="float: left; width: 50%; background-color: #afffaf;"> <asp:Label ID="lbl_Parent_HSize" runat="server" Text=""></asp:Label></div> <div style="float: left; width: 50%; background-color: #a9d4ff;"> <div style="float: left; width: 100%;"> <asp:RadioButtonList ID="rd_Shouseholdsize" runat="server" RepeatDirection="Horizontal" Width="70px" AutoPostBack="True" OnSelectedIndexChanged="rd_householdsize_SelectedIndexChanged"> <asp:ListItem Value="1">Valid</asp:ListItem> <asp:ListItem Value="0">Correction</asp:ListItem> </asp:RadioButtonList> </div> </div> </Content> The problem is when i execute, it does not show anything in pane. Just show the headers. Any solution will be helpfull.
look at below link you will get the solution. http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Accordion/Accordion.aspx
Regards Keyur Satyadev
-
I am using AJAX control toolkit Accordion control on my page. In accordion pane i have added one pane and in that pane i put some header and content. My code below shows for header and content <Header> <div style="float: left; width: 100%;" class="head4"> 1. Household Size</div> </Header> <Content> <div style="float: left; width: 50%; background-color: #a9d4ff;"> <asp:Label ID="lbl_Stud_HouseholdSize" runat="server" Text="5"></asp:Label> </div> <div style="float: left; width: 50%; background-color: #afffaf;"> <asp:Label ID="lbl_Parent_HSize" runat="server" Text=""></asp:Label></div> <div style="float: left; width: 50%; background-color: #a9d4ff;"> <div style="float: left; width: 100%;"> <asp:RadioButtonList ID="rd_Shouseholdsize" runat="server" RepeatDirection="Horizontal" Width="70px" AutoPostBack="True" OnSelectedIndexChanged="rd_householdsize_SelectedIndexChanged"> <asp:ListItem Value="1">Valid</asp:ListItem> <asp:ListItem Value="0">Correction</asp:ListItem> </asp:RadioButtonList> </div> </div> </Content> The problem is when i execute, it does not show anything in pane. Just show the headers. Any solution will be helpfull.
Here's a sample that works for me. This is one of my accordian snippets from an Ajax-enabled web project. Take a look - you might see something that you have missed. Also, check your CSS - make sure you don't have bugs in there - something that might be hiding a div for example. <ajaxToolkit:Accordion ID="ajax_acc_Reports" runat="server" HeaderCssClass="accordionheader" HeaderSelectedCssClass="accordionheader-selected" SelectedIndex="-1" AutoSize="None" FadeTransitions="true" TransitionDuration="250" FramesPerSecond="40" RequireOpenedPane="false" SuppressHeaderPostbacks="true"> <Panes> <ajaxToolkit:AccordionPane ID="apnAnalysis" runat="server" ContentCssClass="accordionpane-selected"> <Header><strong>Analysis</strong></Header> <Content> <ul><li><a href="Reports/Analysis/July_09.pdf" title="QA July 09 Report" target="_blank">QA July 09 Report</a></li></ul> </Content> </ajaxToolkit:AccordionPane> </Panes> </ajaxToolkit:Accordion> Please let me know if this does or does not help you
Mark Graham (MCP) blogging about Design Patterns, C#, Asp.Net, CSS, Javascript and Ajax at: DESIGN CODE TEST[^]