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

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

Accordion panes do nothing when clicked

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

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

View Complete Post

More Related Resource Links

Accordion : Unable to enable accordion panes.


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" 

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


KPI to calculate list item clicked most ?


Hello All:

Is there anyway where we can use KPI list to attach to a SharePoint list and indicates which item was clicked the most ? Or any other way to find out the best 5 links based on how many times they were accessed by a user?


Thanks in advance

SharePoint Developer

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.

Video: Microsoft Office 2010 UI Customization (Custom Task Panes)

Learn about building custom task panes, one of the most widely used ways to enhance end-user productivity in Office. Developers can use custom task to bring the end user information and data from virtually any source, whether via WCF, Web services, BCS, or SharePoint Lists. (Length: 5:34)

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

ReportViewer DatePicker Parameter - calendar not displayed when clicked

Hi, I'm using VS2008 ReportViewer control and one of my reports in SSRS 2008 R2 has a DateTime parameter. I can enter the date into the textbox and view report successfully. However the calendar is not showing when I click the calendar icon. (Note: I encounter NO error).  It seems that it's a known issue in Visual Studio. Anyone knows any workaround/hack to fix this issue? Thanks in Advance, Raymond

how to fill asp:Gridview when mouse clicked on AJAXToolkit Calendar

how to fill asp:Gridview asynchronously from the SQL database when mouse clicked on AJAXToolkit Calendar(When calendar date changed by client) Pls Help me out.Hoping for quick response Thanking You

MsgBoxYesNo I want to open two different forms when either yes is clicked or no is clicked. I have e

Private   Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click MsgBox( "Nickname?", MsgBoxStyle.YesNo)   If DialogResult.Yes Then Form3 = Nothing Form3.Show()   End If   If DialogResult.No Then Form9 = Nothing Form9.Show()   End If   End Sub

getting error when i clicked on doucment library

Exception occurred. (Exception from HRESULT: 0x80020009 (DISP_E_EXCEPTION)) plz help

Code Behind (C#) - Postback - "If (this button was clicked) postback to this address, otherwise, do

Hello!!I have three buttons at the bottom of my form. Two of the buttons make the form invisible and make a Success message Visible.I need all three buttons to call SubmitForm Function to send us an email with the completed form.The third button is a PayPal button which I would like to postback to a different url after submitting the form via email.How can I change its Postback url in C# in the code behind.P.S. I tried Server.Transfer... got an errorThanks
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