.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

Accordion : Unable to enable accordion panes.

Posted By:      Posted Date: September 30, 2010    Points: 0   Category :ASP.Net

In the content page, I have an ajax accordion pane with couple of panes.
Within each of those panes there is 1 user control.

Initially all the panes except the first one (AccordionPaneMain) is enabled.

The first pane user control  contains a  form view . In formview itemcommand
I am doing some processing and then was trying to enable rest of the panes by calling
the function showPanes in the main page by using invoker method.

My problem is, the method (showPanes) is getting executed but the panes are not enabled.

I would appreciate any help in getting the panes enabled somehow.

Sections of code below

protected void Page_Load(object sender, EventArgs e)
public void hidePanes()

public void showPanes(string dummy)
    AccordionPaneAddress.Enabled = true;

<asp:Accordion ID="AccordionOnlineApplication" runat="server" 
        HeaderCssClass="accordionHeader" ContentCssClass="accordionContent" 
        Font-Names="Verdana" Font-Size="10"  
        FramesPerSecond="100" FadeTransitions="true" 

View Complete Post

More Related Resource Links

Accordion panes do nothing when clicked


Hey guys,

Hopefully this is just me missing something really simple; I have 3 accordion panes of which the first one is visible on page load but if I click on the other panes nothing happens.

Here is the code I'm using:

<ajaxToolkit:Accordion ID="Accordion1" runat="server" FadeTransitions="True" 
SelectedIndex="0" TransitionDuration="300"  HeaderCssClass="accordionHeader" 
    <ajaxToolkit:AccordionPane id="AccordionPane1" runat="server">
        <Header>THIS IS THE FIRST PANE</Header>
            TEST<br />
            TEST<br />
            TEST<br />
            TEST<br />
    <ajaxToolkit:AccordionPane id="AccordionPane2" runat="server">
        <Header>THIS IS THE SECOND PANE</Header>
            TEST<br />
            TEST<br />
            TEST<br />
    <ajaxToolkit:AccordionPane id="AccordionPane3" runat="server">
        <Header>THIS IS LAST PANE&l

Using SqlDataSource as the Datasource to Accordion



The accordion does not renders. What am I missing? I want to use a parent child kind of accordion. Perhaps the child is not defined correctly, but I would like to see at list the seven tabs with the name of each organ system show up. The numbers of records for each organ system varies and I need a text box for each organ/tissue to be displayed, so I can insert in a findings table.

Here is what I have

new protected void Page_Load(object sender, EventArgs e)
            ModalPanel.Visible = false;
            ds1 = GetSqlOrganSystems();

protected SqlDataSource GetSqlOrganSystems()

         SqlDataSource dsL = new SqlDataSource();
            dsL.ID = "ds1";
            //#DataBinder.Eval(Container.DataItem,"Organ_System_ID" DataBinder.Ev

Accordion Control with Panel...Add an Update Panel?


I have an accordion control in my web site.  And in one of the panels, I have a drop down list box where, when the user selects an item, it updates the labels right below the ddlistbox.  I have it so that it maintains the scroll position when the ddlistbox has an autopostback, but it's very obvious that the whole page posts back.

My question is, can I/should I just enclose the ddlistbox and the labels (and a couple of text boxes) in an AJAX update panel?  I already have a ToolScriptManager (because of the accordion control), so I don't need to have another script manager, right?  I can just put the update panel (with the other controls inside of it) right in the accordion panel, right?  Then when the ddlistbox posts back it won't have the delay of the whole page posting back?  And it'll still execute the event handler for the listbox selection change?

Does this sound right?  I'm just looking to make the post back "invisible", and I would like to do a partial postback of just these few controls.

Thanks in advance! :)

Accordion Control Renders Content Incorrectly


Hey Guys i'm using an accordion control with one pane. In all browsers it renders and works fine - except IE8. in IE8, it looks fine at first, but after collapsing and reopening the pane the text in my pane appears garbled. When i zoom in, i can tell it's in the original font, but it's almost as if it's an image that's blow up too big...

Create databound nested ajax toolkit accordion programatically(In code Behind)


Can anyone guide me in the right direction or give an example of How I would accomplish this?


I have  this so far but kind of stuck on how to do it programtically if I'm using header and content templates 

I have a xmldatasource.. In a nutshell at what point in my code do I need to create a new accordion? does it need to be

in the item_databound handler?


Imports Microsoft.VisualBasic

Public Class AccordionTemplate
    Implements System.Web.UI.ITemplate

    Dim templateType As String

    Sub New(ByVal type As String)
        templateType = type
    End Sub

    Public Sub InstantiateIn(ByVal container As System.Web.UI.Control) _
          Implements System.Web.UI.ITemplate.InstantiateIn

        Dim ph As New PlaceHolder()

        Select Case (templateType)
            Case "Header"
                Dim myLabel As Label = New Label()
                myLabel.Text = "Test"
            Case "Content"
                ph.Controls.Add(New LiteralControl("<p>hello</p>"))
        End Select
    End Sub

End Class



Partial Class Accordion
    Inherits System.Web.UI.Page


Ajax Accordion to load data from client click event


I have a Ajax Accordion control on my page with treeview in Content Template. As the treeview for each pane are big. I am wondering whether I can load the treeview from codebehind only after the pane is selected. I can reuse the code from ItemDataBound of Accordion control.

Trouble with Font Definition in Accordion Control


 VWD 2008 Express.

I have a page on which I have an accordion control.  The accordion control seems to be overriding the font definition I have for the page body in my CSS stylesheet.  Here is what is happening.  Can anyone help?  Thanks.

1.  When I open the page and the top panel opens, it displays with the correct font family, size, etc.

2.  If I close and reopen the top panel, it displays with another font family and looks bad.

3.  All subsequent panels, when opened, display the font in a different family than specified in my CSS stylesheet.

This is what I have in the stylesheet both for the body and for the .accordioncontent:

    background-color: #E4E1C2;
    background: url(../images/background.jpg) repeat left top;
    font-family: Georgia, "Times New Roman" , Times, serif;
    color: #666666;
    font-size: 12pt;
    border-top: none;
    padding-top: 10px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    color: #666666;
    font-size: 12pt;


Accordion problem


Hiiii Coders,

I m using accordion controll in my website. Now i want there should be a linkbutton and on clicking that it should expand all the panes of my accordion controll at a time. Means there should be a link like expand all and on clicking it, all the panes of control should expand. How can i get it?

plz provide some code snippets?

thanx and regards  

Accordion size issue

Hi I am using AJAX Accordion as side menu that i fill at the run time from database i create the panes and the menu items all at run time the problem here is that i cant make the accordion match the height of the page. i change the AutoSize to "Fill" and to "Limit" but still does not work as wanted it just fill based on the first opened pane so if first opened pane has 2 items then the accordion will take the height of the initial status as the accordion status any idea how to do that?   This is the script    <cc1:Accordion ID="SideMenuAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" Height="100%" RequireOpenedPane="true" SuppressHeaderPostbacks="true" AutoSize="Fill"> <Panes> </Panes> </cc1:Accordion>

JQuery accordion menu issue!!!

Hi,I have added this accordion menu in the master page of an asp.net(C#) website. http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm?expandable=4&subexpandable=0It works fine in those content page which are in the root folder but it is continously showing error in Administration page and the error is ddaccordion is not defined [Break on this error] ddaccordion.init({ //top level headers initialization Can anybody let me know why it is giving this error?Any help will be really appreciated !!!Regards,Dazy

Custom accordion

Hi, I would like to make a custom accordion, in which I have 2 panes, but where you couldn't open the second one until you clicked a validation button in the first one that would open the second...I tried to just make a button that would hide the first pane but I cant get to make it work... :(<head runat="server"> <title>Page test</title> <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> function pageLoad() { hideAccordionPane(paneNo); } // hides pane 1 function hideAccordionPane(paneNo) { $find('AccordionCtrl_AccordionExtender').get_Pane(paneNo).header.style.display="none"; $find('AccordionCtrl_AccordionExtender').get_Pane(paneNo).content.style.display="none"; } </script> </head><asp:Button ID="Button1" runat="server" Text="Button" Width="94px" OnClientClick="hideAccordionPane(0)" />Thanks for help

How to listen for accordion's header click event

Hi guys, I am using an accordion control as a navigation menu. The control expands the respective panel when users click on the header, but sometimes I have panels without content, so I need to accomplish three things: 1) When users click on a header with a link in it, but an empty container(sort of like a direct link to another page), user should be sent to the respective page. 2) The panel should NOT expand, as it has no content. Right now when I click on the link inside the header the panel expands with an empty container and you see this for a split second before navigating to the respective page. The main problem I face is that clicking anywhere on the header OTHER THAN the link does not cause the navigation, but rather simply expands the respective panel which is empty. I need it to work like a navigation menu with a direct link. Please help! Thank you in advance.

Ajax Accordion - Multiple controls with the same ID '_content' were found

Hi I'm dynamically adding accordion panes to an Accordion Control. When I add a single pane, no problem but trying to add 2nd pane I get the exception: *Multiple controls with the same ID '_content' were found* I've tried assigning unique Ids to the panes as follows but not joy. Can anyone please help? Thanks Rob.    if (User.IsInRole(@"arcpet\RDLM - Tradecapture Initial Margin Users - Security")) {      //build header for pane      AccordionPane pneTCaptureInitalMargin = new AccordionPane();      pneTCaptureInitalMargin.HeaderContainer.Controls.Add(new LiteralControl("(TCIM)T/Capture Initial Margin"));      pneTCaptureInitalMargin.ID = "AccordionPane" + Guid.NewGuid().ToString();      pneTCaptureInitalMargin.HeaderContainer.ID = "HeaderContainer" + Guid.NewGuid().ToString();      //build content for pane      pneTCaptureInitalMargin = AddHyperLink("Trade Books &amp; Markers", "TradeBook/TradeBook.aspx?4", pneTCaptureInitalMargin);      acc.Panes.Add(pneTCaptureInitalMargin);           pneTCaptureInitalMargin = AddHyperLink("+Create New Records", "TradeBook/TradeBookDetail.aspx?acPane=4&type=new", pneTCaptureInit

Hiding a jQuery UI Accordion panel

I have several Accordion panel and each one contains a datalist of hyperlinks, that when clicked will append a querystring to the current URL. What I'm trying to do is after the pages reloads or after clicking a hyperlink I want that datalist together wit its corresponding accordion panel gone. I'm using a single file for the markup and code btw.

Accordion control access in Javascript using Content page

Hi, I struggled with some javascript issues, and discovered that the problem seemes to come from a failed ajax control access.Here's my problem:I have a master page and a content page.In my content page, I have an accordion with 2 panes.1rst pane: a textbox and a validation button;                     I want the button to fire javascript function without reloading page (using "return false;");In my master page, I put my ToolkitScriptManager.In my content page, I put my script containing the functions.The problem is that it seems like I can't access the accordion control in my js functions, whereas I can access my textbox value...Here is my source:<%@ Page Language="C#" MasterPageFile="~/Default.master" Title="CLEOR RH | Home" CodeFile="Default.aspx.cs" Inherits="Default_aspx" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> <asp:Content ID="Content1" ContentPlaceHolderID="Main" runat="server"> <script type="text/javascript"> var step1 = false; function pageLoad() { var accCtrl = $find('AccordionCtrl_AccordionExtender');

ComboBox in non selected accordion Pane do not render correctly

the combo boxes in the originally selected accordion pane work just fine. But when I navigate to one of the other pane those combo boxes show up as a textbox with a very tiny square button for a dropdown arrow and no popup dropdown list to select from. below is my code for the accordion<cc1:Accordion ID="Accordion1" HeaderCssClass="accordionHeader"              HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent" Font-Bold="True" runat="server">             <Panes>                 <cc1:AccordionPane ID="aP1" runat="server">                     <Header >ComboBox 1</Header>                     <Content>                         <cc1:ComboBox ID="cmb1" runat="server" RenderMode="Block">                             <asp:ListItem Text="item 1"></asp:ListItem>                 

Need help to solve header selection problem in accordion

Hello  friends I have created Accordion control from database. so basically in the header section I have bind categories and in the panel Bind subcategories. basically now it's working fine. but the important thing what i have to do is if i selected a category on that time it's showing me subcategory in the accordion. but at the same time i have to show subcategory  on another page.As well as i have to keep selected header true. Now not getting how to show subcategory on another page and as well as how to keep selected header true.Please HElp me solve this issue.Thanks And RegardsOmkar.
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend