I have a jquery accordion on an asp.net aspx weppage. Inside the panes, I have asp.net buttons. When I click on the button, the pane I was in, closes and reloads the page, defaulting to the first pane. I don't mind the reload, but is there a way to keep the current pane open after the reload. Right now, I am just calling accordion() on a div with the id of accordion.
View 3 RepliesI was wondering how a page can keep the Accordion from refreshing it's selected index in a postback or when redirecting to itself. I wanted it to keep the index value of the last open page and somehow coax the accordion to have that open instead.
How would I go about that?
I'm Using Ajax Accordion and i want to Open More Than one pane at the same time ... not open pane close other .... only click on closed pane open it and click on Opened Panel to Close it .... so how can i handle that ??
View 3 RepliesI am using an Accordion control for the first time in my VS2008 web app which is databound dynamically. I am using a details view in edit mode inside in the Accordion.
The details view contains dropdown list and few textboxes with an insert button. Everything gets displayed in the coolest way!
I would like to know how I would fetch the values of the controls on postback. I need the values of the dropdownlist and textboxes of the selected pane of the accordion in the click event of the button
Trying to find all the .js and css needed(only needed the .min Jquery till now) and i have made a simple accordion. I'm trying to have an accordion pane that when clicked will close any expanded accordion pane.
One of the many things i've tried:
Code:
$(document).ready(function() {
$("#accordion").accordion({
collapsible: true, active: false
});
});
$('div.accid').click(function() {
//$('#accordion').collapsible = false;
$('#accordion').set_SelectedIndex(-1);
});
note that i try using the div.accid also inside the $(document).read(function)
code (without the css):
<div class="ulforaccordion">
<div id="accordion">
<h3><a href="#"></a></h3>
<div id="accid" class="blu"></div>
<h3><a href="#" class="blu">First header</a></h3>
<div class="panedivs">First content</div>
<h3><a href="#">Second header</a></h3>
<div class="panedivs">Second content</div>
<h3><a href="#">Third header</a></h3>
<div class="panedivs">Third content</div>
</div>
</div>
but it does not work,also tried on the <h3>.Is an onclick in a div another solution?Will it work because it will have to hit a Jquery $Function.
First time using an Accordion Control and I'm having some trouble with the CSS, as per the subject description. I have only created the headers so far and assigned some basic CSS to them. Right now that CSS is only there to limit the width (and therefore clickable area) of the header to the width of the image that the header is represented by. This works fine until I click on one of the headers and then its width property is lost. Same for the other headers, they are fine for the first click and then after that they lose their style. There is no postback caused by selecting a header so this is not the reason that the CSS is being lost.
Here is my html:
[Code]....
How can I get the active index of the jquery accordion pane when a button is clicked? What I want to do is when a button is clicked in pane 3 for example, I want to store that value and when the page is reloaded, I want pane 3 to remain open.
I intially had this in my server side click and when I hard code a value in for paneIndex it works fine, but obviously, I don't want to do this, I want to get the index on the click and pass that to the script.
string script = "<script type="text/javascript">var paneIndex = " + 3 + "</script>";
if(!ClientScript.IsStartupScriptRegistered("JSScript"))
ClientScript.RegisterStartupScript(this.GetType(),"JSScript", script);
I have a question about the accordion control, I have a listbox with a list of options, the user can select items of the listbox and add this to the accordion, now I want the option to quit items of the accordion, but I can't get the selected pane to catch the ID of the selected item and delete it. I do a checkbox in the headers, but how I can do that the checkbox get the values of the pane selected?
there is the code:
[Code]....
Who knows how to add onClick event to accordion pane in Ajax asp accordion ? Is it the same as adding it as attribute in server side or there is another way in client side?
View 5 RepliesI'm going through the tutorial on this page, but when I programmatically add the second AccordionPane, the program went wrong. Following is my code and error message.
[Code]....
The error message is: Multiple controls with the same ID '_header' were found. FindControl requires that controls have unique IDs.
How would I create an AJAX Accordion pane from the code behind? I would like the user to be able to click a button to add a new pane to an existing accordion control. However, I can only seem to create one new pane because clicking the button after that causes the old pane to be overwritten. I have this in the button click event:
[Code]....
A new pane is created with the correct content, but then it keeps getting overwritten. I've looked around and have seen similar problems but no answer.
I need to add accordion pane to the gridview dynamically, i.e when i add a new row to the gridview, accordion pane should also be added to it.
View 3 Repliesi need to add accordion pane in gridview for each data in database..this is basically for getting the data from the database to setup like inbox in rediff mail.com..
View 1 RepliesI am using an accordion pane with 10 panes in a modal pop up extender.I also have 10 link buttons in the same modal pop up on clicking each button respective pane should be opened. There is no issue in opening the panes on button click. I did it in the click event dynamically. But the panes are opened directly without any easing effects or animation applied to them. Whereas when we click on header the animation is working.
View 2 RepliesI am using accordion extender in my page which is binded with database. Now i want to keep a web user control in all the panes of Accordion Pane.
But i am not sure how can i do that. because Id of the controls inside the user control will be same.
I tried to keep the user control in item template of accordion, its working, but if i change some thing in one pane all the panes are getting affected.
[Code]....
I've got a databound accordion. It's on a page that is passed an id (via querystring) of the pane to open. I can get the id and identify which pane to open no problem. I just can't open it programmatically. I've tried every combination of everything I can find using my good friend google. I've tried setting in the PreRenderComplete (after all the databinding's done, when I can tell which pane contains the id I want to expand) using accordionid.SelectedIndex() = int.
I've tried $get(clientid).set_SelectedIndex() and $get(accordionid).set_SelectedIndex(). I've tried $find(clientid).set_SelectedIndex() and $find(accordionid).set_SelectedIndex(). I've tried $get(clientid_AccordionExtender).set_SelectedIndex() and $get(accordionid_AccordionExtender).set_SelectedIndex().
Im trying to add some code to my accordion pane but the code gets executed. The code is not shown as text. How can i fix this?
View 4 RepliesI have an ajax accordion with 3 panes. In the first pane I have tree. When I click an item in the second pane, I want the first pane to stay where it was before I clicked the item. Is there a way to keep maintain the content in all panes that are not in use? This seems to work without any additional code. I had something else incorrect that was preventing from working.
View 1 RepliesI'm using and accordion Ajax control, and when one tab is clicked on, I want the iframe inside it to automatically refresh. I'm not sure how to do this.
Here is the pane that I'm referring to:
[Code]....
I have spent the good part of a full day trying to come up with a solution for this and I have failed.
When the pane loads the problem is the combobox shows but the drop down does not show for it.
I have tried loading the accordion with selectedindex=0 and everything works fine.
I have also tied to set the selectedindex of the accordion in page load but I have not been able to get that to work so not sure if that solution would work or not.
Here is the code:
[code]....
is there any way to make the content container of an Ajax accordion invisible ?
View 1 RepliesI am using accordion control in one of my project. I want to maintain the state of the accordion pane when the user navigates from one page to another. Below given is the code of my accordion control
I do not want to use query string because i am using url rewriting.
[code]....
I have a table.Which has 2 columns.The left column has accordion having 25 panes.The right coumn i am having list pane headers as link buttons.when i click the link button the corresponding pane should expand in the center of the screen.I am able to expand the pane.But not in tha center screen.
View 1 Repliesif found some javascript but that is on the client / i need to disable some panes based on values from the database. Ive tried AccordionPane4.HeaderContainer.Enabled = false ; But that has no effect. also is there an event handler so I can swap an image for open / close when someone expands a pane?
View 2 RepliesHow can we use click events of controls in accordion pane
View 1 Replies