AJAX :: Accordion Control Not Expand?
Dec 31, 2010I have this accordion control but it not expand
[Code]....
[Code]....
I have this accordion control but it not expand
[Code]....
[Code]....
I'm new to the Ajax Control Tool Kits and I was trying to use the accordion control which is cool according to
its sample.
I followed this video tutorials, however after I created the simple demo, the accordion control doesn't collapse or expand. It just didn't respond to my clicks.
Following is my code and I've trimmed is as simple as possible.
[Code]....
I was trying to make an ASP.NET AJAX programatically Databound Accordion control expand onmouseover event but it didnt fired. When i use static text i.e without databinding the Accordion control the onmouseover event works fine.
Default.aspx
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="SocisSchools.aspx.cs" Inherits="SocisSchools" Title="Schools Detail" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div>
<span style="font-size: 12pt"><strong>Schools</strong></span>
<br />
</div>
<div>
<cc1:Accordion ID="Accordion1" runat="server" SelectedIndex="0"
HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"
ContentCssClass="accordionContent" FadeTransitions="true" FramesPerSecond="40"
TransitionDuration="250" AutoSize="None" RequireOpenedPane="false"
SuppressHeaderPostbacks="true">
<HeaderTemplate>
<a href=""><%# Eval("SchoolName") %></a>
</HeaderTemplate>
<ContentTemplate>
<p style="text-align: justify">
<asp:Label ID="lblSchoolIntro" runat="server" Text='<%# Eval("SchoolIntro") %>'>
</asp:Label></p><br />
</ContentTemplate>
</cc1:Accordion>
<div>
<asp:Button ID="cmdPrev" runat="server" Text=" << " OnClick="cmdPrev_Click" CausesValidation="false"></asp:Button>
<asp:Button ID="cmdNext" runat="server" Text=" >> " OnClick="cmdNext_Click" CausesValidation="false"></asp:Button>
<asp:Label ID="lblCurrentPage" runat="server"></asp:Label>
</div>
</div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
</asp:Content>
Default.aspx.cs
public partial class SocisSchools : System.Web.UI.Page
{
public int CurrentPage
{
get
{
// look for current page in ViewState
object o = this.ViewState["_CurrentPage"];
if (o == null)
return 0; // default to showing the first page
else
return (int)o;
}
set
{
this.ViewState["_CurrentPage"] = value;
}
}
protected void Page_Load(object sender, EventArgs e)
{
GetItems();
}
private void GetItems()
{
BusinessLogicLayer.SocisSchools fac = new BusinessLogicLayer.SocisSchools();
DataSet ds = fac.GetSchools();
PagedDataSource objPds = new PagedDataSource();
objPds.DataSource = ds.Tables[0].DefaultView;
objPds.AllowPaging = true;
objPds.PageSize = 7;
objPds.CurrentPageIndex = CurrentPage;
lblCurrentPage.Text = "Page: " + (CurrentPage + 1).ToString() + " of " + objPds.PageCount.ToString();
Accordion1.DataSource = objPds;
Accordion1.DataBind();
// Disable Prev or Next buttons if necessary
cmdPrev.Enabled = !objPds.IsFirstPage;
cmdNext.Enabled = !objPds.IsLastPage;
}
protected void cmdPrev_Click(object sender, EventArgs e)
{
CurrentPage -= 1;
GetItems();
}
protected void cmdNext_Click(object sender, EventArgs e)
{
CurrentPage += 1;
GetItems();
}
}
using vb.net/asp.net 2005:
After adding a new record using a stored procedure I want to expand the accordian which is inside an inner grid so that the user can see what was just added, I'm rebinding the gridview which works but when I set the SelectedIndex = 0 that does not expand the accordian. Do I need to do this in Javascript? My vb.net codebehind that I'm trying (but not working) is here:
[Code]....
I 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]....
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 a Calendar Extender from the AJAX Control Toolkit attached to a textbox on my form. I have some CSS, that cannot be changed, that is causing the tags that are being used within the Calendar control to become larger then they would be with out the CSS. Is there away to expand the viewing area of the calendar control?
View 3 Replies[Code]....
I am used treeview control within updatepanel,updation was no problem but i am unable to control treeview node expand and collapse.
Is it possible in ASP.Net to Load items in Treeview (Ajax treeview ) by using Jquery..... mns is it Ajax treeview is free to use or paid .....
View 1 RepliesI have made a user control using CollapsiblePanelExtender control. I am getting a small issue, that the panel that expands is not relative to the control. It always open on left side of the page. My control is in different location in different pages. How can I make sure that the expand and collapse is with respect to the control? I see "left: -36px" in the style attribute of "SettingsContentPanel". How can it be relative and doesn't break the code.
[Code]....
Adding an Accordion only creates the outer most tags. I then have to add the headercssclass, contentcssclass etc. info. Then i have to manually add <Pane> tags, and then add Accordion Pane controls. Using VWDE 2008, is there a way to customize the control so that adding the Accordion control automatically adds this other info? Ideally with 2 Accordion Panes to start, but even just getting the various Accordion properties and the <Pane> tags added would make it much more <Pane>less!
View 3 RepliesI 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]...
anyone has encountered this 'bug'...i was working with the Ajax Toolkit with vs 2008 and noticed that when i was in Split design or source view, any changes i made to the accordion tags i.e. properties, etc...it vs would automatically duplicated the whole entire accordion panel including all the content, header and accordianPanel....very annoying!
View 5 RepliesI 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've practically spent seven or eight hours trying to get the ASP.NET AJAX Accordion to work and it simply will not cooperate. I have been to every imaginable corner of the web to Bing and Google, read post after post on this forum, and done any other thing I could possibly think of to get this to work, yet I still hit this wall.
Here's the code I've been using to get this to work:
[Code]....
As for the Massachusetts/Arkansas bit, I found that on some other forum that said that coding would work (it didn't for me). I'm hosting this failed attempt at [URL]. I do have the Bin folder in the project, so that's not the issue.
I am having quite a bit of trouble getting an accordion control to work. I downloaded the AJAX Control Toolkit (v 3.5), added the dll to my toolbox, and added an accordion control with the following code:
[Code]....
I'm creating a user control to be placed within a masterpage on a site. Inside the user control, I have placed a menu. It is wired up to a sitemap datasource to get navigation with security trimming included. question: How do I use the Accordion toolkit control to collapse main portions of the menu? For example, if I have Orders and Supplies and subpages contained therein, how do I setup Accordion to traverse the sitemap based on the user's security privileges?
View 3 RepliesI 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.
View 4 RepliesCan 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:
[Code]....
I 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'm using vb.net/asp.net 2005 with Ajax Accordion control.
I am trying to find out the Javascript properties of the Accordion control, how do i do this?
when I try this:
"ctl00_cphMaster_grdvNameOfMyGridview_ctl06_acrdNameOfMyAccordion.set_SelectedIndex(0);"
I am getting an error:
<ERROR>
Object doesn't support this property or method
</ERROR>
If I can get a list of supported Javascript properties of the Ajax Accordion control
I would like to use the accordion control to show different portions of an input form.I would like to use it to edit existing information. The code samples I have seenuse Eval data binding. Can I use the Bind method?
View 2 RepliesIs it possible to have the Accordion control to display horizontal instead of vertical? If so, how can I do this using the Accordion sample/demo on this site?
I want to display two different Gridviews with 3 columns on each GridView, on separate panes, but I want the panes to be side by side, so my users can compare the data.
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?