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:
[Code]....
I'm using an Ajax Accordion with several panes. On a postback the currently opened pane is always reset back to the first pane.
View 1 Replieshow to change my accordion pane's selectedindex and have come up empty handed thus far.
I've tried both with javascript and C#
Javacsript example:
var a = $('<%=AccordionMain.ClientID%>');
a.set_SelectedIndex(index);
C# example:
AccordionMain.SelectedIndex = 2;
Both of the above code excerpts run, but neither visibly change the selected pane. What am I doing wrong?
I have an Accordion control with several panes.
On page load I want to set controls inside the panes with data from dictionary (every pane has from 1 to 10 controls).
protected void Page_Load(object sender, EventArgs e)
{
[Code]....
I have a accordion control with 4 accordion panes. Initially when the page loads I expand the first accordion pane. Now if the user click the header on the first pane I need to collapse it. ( so in this case all the accordion panes will be collapsed).
Similarly is the user clicks on the header of any alraedy expanded pane, I need to collape that particular pane.
How can i do this?
I am creating an accordion dynamically through aspx.cs file. There is a subaccordion inside each accordion pane. I am seeing that if there are 10 or more accordion panes in the root accordion, then I can only expand first 4 or 5 panes. Nothing happens when I click on other panes. This is happening in IE8, tried on three different machines. I don't see this problem with Mozilla, it can open as many panes as possible, I have tried with 20 panes in mozilla.
View 1 RepliesI have the following problem: I have a web form which contains ajax accordion. Each accordion pane contains a usercontrol. Each usercontrol consists of several textboxes and 2 buttons. All the textboxes and 2 buttons (inside these usercontrols) are wrapped in the UpdatePanel. Following updatepanels is the UpdatePanelAnimationExtender for some animation whithin each usercontrol. Each UpdatePanelAnimationExtender has a different animation id from other usercontrols.
Basically when i only put one usercontrol in the accordion pane everythign works. I have my javascript to clear textboxes and the submit button does a postback to server. However, when i put 2 of these controls in 2 different panes only the last one works. Since the last one works i assume it is because it was last to be parsed on pageLoad. So how can i make it that when user clicks on the accordion pane, the usercontrol is ->?re-initialized?<- so that it could work.
Here is 1st UserControl: uctl1.ascx
[Code]....
Here is 2nd UserControl: uctl2.ascx
[Code]....
when i click on pane and fill up the information in textboxes i click on submit and usercontrol should postback to server for processing.
[Code]....
i used collapsablepanel extender
View 2 RepliesI want to set focus to textbox B after a user has entered data in textbox A. Both textboxen reside within custom controls which reside in the same accordion pane. The custom controls override the Focus method and set focus to the textbox they contain. Focus works fine until I place the controls inside an accordion pane. I've tried ((ScriptManager)Page.Master.FindControl("ScriptManager1")).SetFocus(TextBoxB) from within the TextBoxA_ValueChanged event handler to no avail.
View 1 Replies The problem is accordion's showed on the page, but doesn't works. I try use code of all examples, but the problem is the same for all of them. I don't understand what to do, because the code is the same as in the tutorials. When I click on the pane it doesn't changing/closing/opening. What can it be?
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> [code]....
I have an Accordion control with several panes.
On page load I want to set controls inside the panes with data from dictionary (every pane has from 1 to 10 controls).
ASPX
<cc1:Accordion ID="Accordion1" runat="server"
FadeTransitions="True"
SelectedIndex="0"
HeaderCssClass="accordionHeader"
[Code]....
On aspx, I want to create Pane for every section (in this case 2 panes), and in every pane define Eval for needed value.
p.s. I don't think it metters but if dictionary binding is a problem I can bind something else like xmldocument or so...
When I clicked Header area, Content opened and have "Slide effect". but when I clicked Header's "ImageButton", it do something at codebehidn, Content opened but no "Slide effect". I want slide effect, how to do it,
[aspx]
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<AjaxToolkit:Accordion ID="AccordionMenu" runat="server"
SelectedIndex="0" HeaderCssClass="accordionHeader"
ContentCssClass="accordionContent" AutoSize="None"
FadeTransitions="true" Width="200px" SuppressHeaderPostbacks="false">
<Panes>
<AjaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
<Header>Pane 1
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/expand.jpg" />
</Header>
<Content>
The Details of Item1.
</Content>
</AjaxToolkit:AccordionPane>
<AjaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
<Header>Pane 2
<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/images/expand.jpg" />
</Header>
<Content>
The Details of Item2.
</Content>
</AjaxToolkit:AccordionPane>
</Panes>
</AjaxToolkit:Accordion>
<p></p>
<asp:Label ID="Label1" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
[.vb]
Protected Sub ImageButton1_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton1.Click
Me.Label1.Text = "[Call Header Function 1]"
End Sub
Protected Sub ImageButton2_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton2.Click
Me.Label1.Text = "[Call Header Function 2]"
End Sub
I'm Using Ajax Accordion i want Collapsed Panes Start with "+" Symbol and When It Expanded Change That Symbol to "-" When Collapsed Again Start with + .... and Continue like that...
Note : I'm Using Header Tempalte and Content Template and Pass Data Source to it.
I run into this problem while playing with accordion for a project. Sometimes VS 2008 auto generates code, without me wanting to!!!. Less generally I have an Accordion with 2 Accordion Panes in it. When modifing properties of the Accordion VS 2008 adds an Accordion extender and duplicates the two Accordion Panes!
My original code
[Code]....
My code after pressing space between the properties of the Accordion
[Code]....
[Code]....
I am using Ajax Accordian, in this accordian three panes are available. Every panes is one like one form that having buttons and textboxes.
How can give the default button mean enter key for every pane.
I created the accordion control custom dll and added the dll my project reference. After adding the reference in my project, I just the drag and drop accordion control and added accordion panes, after adding the pane and clicked design view I am getting the following error. Even I added the selected index=0 properties also but I am getting same error
"Panes could not be initialized. Details: Pane could not be added to the collection. Details Object does not match target type.
I have an accordion control and it is working fine. Except that when i set selectedindex to -1 (server side) and the control colapses to have no panes expanded. The client side diplay style for the previously expanded pane remains in the expanded colour scheme even though the pane has collapsed.
View 1 Repliesusing asp.net/vb.net 2005
I want to create an accordion inside a gridview with the following functionality:
The user will only see one field of the gridview initially, the ProductCategoryID. When the page loads it will only query the ProductCategoryID and this will be the only field displayed.
Next when the user clicks on the accordion to expand it inside the gridview I would like to query the database to get all Products that are part of the ProductCategory. I will query using the ProductCategoryID that is being displayed.
I need to do this for performance issues. The main thing I am looking for is how to query the database once the user expands a given ProductCategoryID.
but now I think of it one thing I need to know: when you bind an accordion to a dataset will it create one pane for each record returned? It might be better to put the gridview inside the accordion. I'm willing to do either, as long as it works
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.
Sections of code below
[Code]....
i am creating a menu which has the below structure. what i would like to do is use a jquery ui accordion control.
can i place an accordion in an accordion?... i.e. menu 1 expands out in an accordion and then the sub menus in menu 1 need to expand out in another accordion.
menu 1
sub menu of the menu 1
menu item
menu item
menu item
sub menu of the menu 1
sub menu of the menu 1
menu 2
sub menu of the menu 2
menu item
menu item
menu item
sub menu of the menu 2
sub menu of the menu 2
I am having a problem setting up the width and height of my textbox inside of my accordion panel. Does not make any sense because my code executes correctly but then does not change the value of the control on client side.I pass a control into this function and iterate through the control to locate more controls.
[Code]....
I m using ajax accordion control to display the information of my company branches. Now it always displays one pane at a time. But i want that it should not display any pane at a time. Only a single pane should be displayed when user click on header of that pane.
View 2 RepliesI followed a video tuturiol for the Ajax Accordion control and also created it manually using VWD2010ExpressAlthough the source code I downloaded works fine, mines dosen't. The links for the panes will not respond. Everything else seems to be ok.
<body>
<form id="form1" runat="server">
<div id="container">
<asp:ScriptManager ID="ScriptManager1" runat="server"/>
<div>
[code]...
For some reason, this code:
<act:accordion id="accWork_BronzeAward" width="100%" SelectedIndex="-1" headercssclass="accHeader" headerselectedcssclass="accHeader_Selected" contentcssclass="accContent" FadeTransitions="true" TransitionDuration="250" FramesPerSecond="40" RequireOpenedPane="false"
SuppressHeaderPostbacks="true" runat="server">
If my understanding is correct, it is not possible to use the Datapager with the Accordion control. So, I am trying to find a way to replicate the functionality and wonder if anyone can recommend a method of doing it.
I am after a control/strategy that is 'pageable' where I can have a 'header' with general item information and with some means of displaying more detailed information, if required, without having to leave the current page.