I have a repeater that contains an accordion. Inside the accordion, I have contents that consist of a <table> and text boxes, labels, buttons, the whole shooting match. When my code runs the contents all load no problem. The only problem is that my accordion is not working. There is no accordion function and all panes are expanded and I can't un expand them. Below is my source code.
After much research, no solution can be found to do what I want by combining these two controls. Currently, I have a repeater control which, in page_load, takes the querystring and queries the database accordingly, puts the resulst in a datatable, and binds the datatable to the repeater. Everything works fine, no problem there. It's just that I have many columns coming from the query and there are many rows as well. So, I thought it would be easier to incorporate the accordion, so that the header of each accordion pane would show some unique fields (name, whatever...) as the header, and the rest of the many fields in the content. This way, there would be many closed accordion panes showing the name from the row returned. If the pane is clicked, the pane would open and show the rest of the results.
The problems I've had are that the repeater is not accessible from the code behind if it is inside the accordion. But I'm sure I wasn't doing it right anyways. I'm just trying to have an accordion that has as many panes as there are results from a datasource. If there is something other than a repeater that you can suggest, or the correct way to incorporate the repeater in the accordion to do what I want, suggest whatever! I just need to format how the results display how I want, unlike a gridview (I used tables in my normal repeater, and that worked fine, I just need to get that repeater to work inside of the accordion).
(and I know this isn't the section to ask about the accordion, but what is the AccordionExtender? It's not in the toolbox, and I can't find much online. It won't be recognized by Visual Studio, so I don't know what to do. If I could get that, I feel like it could solve my problem, as I found a possible solution online) I don't need to post my code, as it's a simple repeater, and trying to integrate it within the accordion isn't working no matter which way I try since I can't DataBind() in the codebehind. And yes, I tried to FindControl within the accordion but it wouldn't find the repeater.
Can anyone tell me why the following nested Accordion control does not work?
[Code]....
The error I kept getting is this:
DataSource 'sql1980s' for control 'acd1980s' doesn't exist Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.
Exception Details: System.Web.HttpException: DataSource 'sql1980s' for control 'acd1980s' doesn't exist Source Error:
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.
In my WebForm I hv used an accordion and this accordion is in an UpdatePanel with UpdateMode="Conditional" .
In that accrdion , in last pane i hv a fileupload - when i select a file and click upload button then always the fileupload control has no file and it returns false everytime .
I have written trigger in UpdatePanel also still it doesn't work. Without updatepanel fileupload control works properly, this problem arise after i use UpdatePanel...
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
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
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 have to show some functionality similar to accordion that is of jquery so i made a custom function of jquery to produce the effect. there is a grid view in which there are two div's here is the code.
The second div has style property display none. by default all the div are closed. than i have made a js function that uses the toggle function to perform the action code.
function testToggle(testDiv) { debugger var sntHdnValue = $('#hdnSetFlag').val(); if (sntHdnValue == 1) { $(testDiv).find('div:first').show().attr('isOpen', 'true'); } else { $(testDiv) .parents('table:first') .find('div[isOpen=true]').removeAttr('isOpen').toggle('slow'); $(testDiv).find('div:first').show().attr('isOpen', 'true'); } sntHdnValue++; $('#hdnSetFlag').val(sntHdnValue); }
here i have made use of the hidden field that let's me know that it is the initial state every thing is closed i am adding a custom attr isopen for my identification
1)the current situation is this At load everty thing should be closed. 2)than at a time only single div should be open. this is working fine. The problem is if i click on the same div that i clicked to open than it has two custom attr isopen now it breaks the second case. how to solve it.
For the solution, I cannot use any postback methods, because this is all working through ajax. The solution need to be implemented in the asp.net code. I have a List<WebPage> that contains a list of Links (List<Link>) and I need for all the links to bind repetitive information such as page title, id, url. Here is my current repeater.
<div id="result"> <asp:Repeater runat="server" id="results"> <Itemtemplate> <asp:Repeater runat="server" datasource='<%# Eval("Links") %>'> <Itemtemplate> <tr class="gradeX odd"> <td><%# Eval("Id") %></td> //property of WebPage (part of results repeater) <td><%# Eval("Title") %></td> //property of WebPage (part of results repeater) <td><%# Eval("Url") %></td> //property of WebPage (part of results repeater) <td><%# Eval("URL") %></td>//Property of Link <td><%# Eval("URLType") %></td> //Property of Link <td><%# Eval("URLState") %></td> //Property of Link </tr> </Itemtemplate> </asp:Repeater> </Itemtemplate> </asp:Repeater> </div>
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.
I 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.
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.
I am loading an Accorion control dynamically (Used for a menu) and assign the Style in code.
The accordion Header has a default and a hover over style and so does the Content. But it seems like the Content a:hover is used on the Header although i have made sure that i have the Header a:hover also in the CSS. Does any one know if there are something logged like this? Here is my code that dynamically loads the Accordion in the Code Behind