Somebody posted a similar question recently, but I am having trouble figuring out the solution. I want to be able to create a View All panel in an accordion. This is the answer posted :
[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 working on the JQuery accordion control. My accordion has upto 8 panels that i need to display when the pageload happens. From those panels i have 2 panels that i need to show based on the provider type. that is., If (ProviderType == "Prime") then hide panel2 Else hide panel3. ex: panel1, panel2/panel3, panel4, panel5, panel6, panel7, panel8. So my question is, I am actually new to this JQuery and I am not sure how to hide the panel content with the headers as well. I dont even want to show the header(i.e., panel2/Panel3) So,I have to display only panel1, panel2, panel4, panel5, panel6, panel7, panel8 (if providertype is prime)
View 1 RepliesI have a problem with JQuery when using update panels. My page is structured like this:
Text search
Login Update Panel
Login form
End of Login Update Panel
For clarity I have remove all other page objects. As you can see the login form is inside an update panel, the text search is not. Both of these objects rely on jquery to function correctly (assuming javascript is enabled). In order to persist the functionality after postback with the login form, I use the PageLoad() function. This works ok.
I tried the same with the text search but it doesnt work. I presume its because it isn't inside the updated update panel. At the same time the functionality disappears using document.ready() and I can't understand why it works with neither rather than one or the other.
i am unable to handle jquery accordian. I want to bind it to ta database. I wanted that the user shuld be able to enter the values in a text box through an admin panel which i shoud make for him and those values should be displayed in the accordion panel through the database but........... I am unable to connect and show daabse values in accordian.. don't know whether my connection is not ok or my technique is wrong can anyone help me in this regard??
Here is the code for making the connection..
protected
void Page_Load(object sender,
EventArgs e)// Create a connection to the "DatabaseAccordian" SQL database located on the
// local computer. {
SqlConnection myConnection =
new
SqlConnection("server=localhost;" +"database=DatabaseAccordian;Trusted_Connection=Yes");//
Connect to the SQL database using a SQL SELECT query to get all
// the data from the "AccordianEvent" table.
SqlDataAdapter myCommand =
new
SqlDataAdapter("SELECT * " +"
from AccordianEvent", myConnection);// Create and fill a DataSet. myCommand.Fill(ds);
{DataSet ds =
new
DataSet();if (ds !=
null)// Bind MyDataList to the DataSet. MyDataList is the ID for
// the DataList control in the HTML section of the page.
MyDataList.DataSource = ds;
MyDataList.DataBind();
}
else Response.Write("<p>No customer selected</p>");}
this code is compiled code with no syntax error.
if there is any other thing needed to be done for making the connecion.
<div
id="accordion"> <h3
style="color: Black">
<a
href="#">News & Announcements</a></h3>
<div>
<p>
23rd March will be a holiday
</p>
</div>
<h3
style="color: ThreeDDarkShadow;">
<a
href="#">Events</a></h3>
<div
id="divEvents">
</div>
</div>
I have 2 grid views displaying Parent and Child records. When i select record from the parent grid, i am displaying the child record in another separate grid which is working fine.Problem: Is there a way to user accordion panes in the parent grid when i selec the child records should show. Please help with some syntax.
View 3 RepliesI have an Error in the design view when I use the ajax toolkit. it says rendering Control Accordion - An unhandled exception has occurred. Collection was modified; enumeration operation may not execute. I have the relevant service pack, download ajax toolkit and I have used the appropriate declerations on the top of the page, I hope. I haven't yet even put anything on the page and the designer view shows the above error.
<%@ Page Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="listaccessoriesbytype.aspx.vb" Inherits="FashionPrototypeProject.listaccessoriesbytype"
title="Untitled Page" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:Accordion ID="Accordion1" runat="server">
<Panes>
<cc1:AccordionPane ID="ac" runat="server">
<Header></Header>
<Content></Content>
</cc1:AccordionPane>
</Panes>
</cc1:Accordion>
</asp:Content>
I entered this manually in my webconfig: added this under the rest of asssemblies code
<assemblies>
<add assembly="AjaxControlToolkit, Version=3.0.30930.28736, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e"/>
</assemblies>
added under the rest of controls
<controls>
<add tagPrefix="ajaxToolkit" namespace="AjaxControlToolkit" assembly="AjaxControlToolkit, Version=3.0.30930.28736, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e"/>
</controls>
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.
View 3 RepliesWhat is the opposite of this syntax (I am looking to deactivate an accordion section, rather than activate one)?
[Code]....
i designed the code like below
within Accordion pane i have 3 textbox and 3 DDL, when i click the button(this button is outside of the acccordion) it has to read the data from the Txt and DDl's but its not read the data, if the Txt, DDL outside of accordion then its reading the data.how to read the input control data within Accordion using JQuery?
I am creating an accordion, and I want to dynamically set the height of each panel in the accordion. It seems though that each panel has to have the same height, as when I have changed the height of one of the panels, the other panels change to the same height.I have been setting the height of the table object in the div to do this.Is it possible to give each accordion panel a separate height, and if so how?
View 2 RepliesI have a jQuery accordion I have been messing with... everything works how I need it except one thing.
I cannot figure out how to add a collapse and expand button to work.
[Code]....
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.
I used this to make an accordion: [URL] .....
I worked great! but I cant seem to figure out how to put a details view in each Pane to show more details about that sections.
(the details view is connected to the same database)
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 have an asp.net aspx page and on that page I have a hidden input field with and id of paneIndex. However, when I load the page, the alert shows index 1 which is correct on the first load, but if I open up pane 3 for example, the alert shows 1 still. Am I doing something wrong?
In a Custom.js file, I have the following code:
[code]....
I have simple accordion:
$("#accordion").accordion({ autoHeight:
false, active:
false });
[code]...
I have bootstrap accordion and it is inside repeater,
<asp:Repeater ID="Repeater1" runat="server" >
<ItemTemplate>
Employee Name: <ul><%# Eval("Name") %></ul>
[Code]....
There is one employee, so the first two accordions is working fine from toggle up and toggle down
SCENARION 2:
There are 3 employees, for the first employee the first two accordions is working, but the rest are not.
So the problem here is when I click the accordion of second employee it does not toggle down but the first employee's accordion is going down.
What I want here is each employee can toggle down and toggle up their own accordions, even though that accordion don't have data.
How i can use this Dynamic accordion menu or vertical menu using jquery in horizontal menu like this?
Mobile Speaker Watch Clothes
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 need Apply Acordion fot Multiple Divs With in the DataList ..
View 1 Repliesi create a tree view and grid view how to search select node grid view show using jquery ajex
Tree Viwe Search Grid View using Jquery Ajex
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'm trying to use jquery lightbox functionallity when a user clicks on a button in my View, to give a friendly message "Please wait whilst we generate your data etc" whilst the second view that contains a lot of data is being generated. I was hoping to have the friendly message stay on the screen until the second View is ready to be displayed. At the moment the form submit button fires the popup but the button itself is not getting clicked, only the surrounding anchor tag:
<a id="inline" href="#data"> <input type="submit" value="Submit" /></a>
i am trying to fill agrid view with its data inside an accordion in asp.net but the data doesn't appear in the grid
View 1 Replies