AJAX :: Nested Ajaxtoolkit Accordion Not Sliding
Nov 13, 2010
I am creating a nested accordion in the code behind which is populated from my data table. The requirenment is
1. Main Accordin - create department Panes
2. sub accordin - Each department pane has a accordin in the contnet are.
3. sub accordin panes - people from that department show up as panes in sub accordin.
I was able to impelment this model but the problem is that the sub accordin ( with people) would not slide. First one is opened by default and i see hand on the other header panes but they dont slide (up and down). They do have a content though. P.S - if i implement the same nested according in aspx it works fine. My code
[Code]....
Update - I found that I get "Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors.Parameter name: element" javascript error when i try to create the nested accordin.
[Code]....
View 1 Replies
Similar Messages:
Nov 19, 2010
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
View 3 Replies
Feb 22, 2010
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:
[Code]....
View 1 Replies
Mar 24, 2014
I got requirement to create a accordion menu which will have different menus for different site collection.
So, i created this Accordion which is in bind with site map file. But my Sitemap file has multi-level nodes, here my accordion is displaying only single level menus.
View 1 Replies
Aug 24, 2010
I have this so far but kind of stuck on how to do it programtically if I'm using header and content templates I have a xmldatasource..In a nutshell at what point in my code do I need to create a new accordion? does it need to be in the item_databound handler?
[Code]....
[Code]....
View 3 Replies
Oct 20, 2010
I have an Accordion control that is populated dynamically. I want to catch the event raised when a new pane is clicked on to open. I don't see the event at all in intelli-sense and when I code it by hand anyways I get errors. Is there any way to catch this event? The goal is to let a control in the masterpage that is holding the Accordion know when the Accordion has changed so it can update another control.
View 1 Replies
Dec 28, 2010
I have been exploring for a few days AJAX Toolkit and I am just wondering, if it is possible to move images in and out e.g. from right to left from asp.net image control. I would like to create a control that behaves in a similar way to the ones appearing on MS Store websites which you see there:
[URL]
I have tried to create it using AJAX SlideShowExtender but to be honest I am new to this technology and managed to make it only fade in and out. I was thinking also about using Collapsible Panel Extender but obviously I am not sure where to start.
View 2 Replies
Sep 14, 2010
How to use form Sliding in masterpage?
View 1 Replies
Mar 2, 2011
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]....
View 1 Replies
Oct 27, 2010
using 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
View 1 Replies
Nov 22, 2010
We are using Network Solutions, but we are getting some issues with one of our web applications. It's because we're using UpdatePanels and they don't support AJAX.NET. So does anyone have any hosting providers they can recommend that provide .NET 3.5 framework, AJAX.NET, and AJAX Toolkit hosting?
View 7 Replies
Mar 26, 2010
I used the AjaxToolkit AutoComplete today. It works fine. But what I hate is that I have to use the "CompletionSetCount" at 5 or 6 only so it doesn't reach the following textbox on my form.
The problem is that the dropdownlist of the AutoComplexeExtender gets under my textboxes, so it hides some items of the list.
When I try to play with the z-order of the "CompletionListCssClass" or "CompletionListItemCssClass", then the list appearance is all messed up
View 1 Replies
Jan 22, 2011
This is what I see when I click on arrow which is an image in DropArrowImageUrl - UI is weird. Changing image does not help. I am sure that it should be a common problem. Code is very simple:
<asp:Image ID="_targetImage" runat="server" ImageUrl="../Images/Actions.png" />
<ajaxToolkit:DropDownExtender ID="_dropDownExtender" runat="server" DynamicServicePath=""
Enabled="True" DropDownControlID="_panelItems" DropArrowImageUrl="../Images/DropArrow.png"
TargetControlID="_targetImage">
</ajaxToolkit:DropDownExtender>
View 2 Replies
Aug 10, 2010
how to use AsyncfileUpload Control in asp.net ?
Means how can we upload that file to the server as we are doing in Classic Asp.net File Upload Control ?
Also when we are selecting file from "Select File" Button file are started to upload but where it is uploading selected file ?
View 3 Replies
Jan 27, 2010
how can i add onEndDrag to a ajaxtoolkit dragPanelExtender in asp.net 2008
View 2 Replies
Oct 7, 2010
I am using the following code:
<ajaxToolkit:DropDownExtender ID="TextBox1_DropDownExtender" runat="server" DynamicServicePath=""
Enabled="True" DropDownControlID="panelItems" DropArrowImageUrl="~/Images/DropArrow.png"
DropArrowWidth='26' TargetControlID="Image1">
</ajaxToolkit:DropDownExtender>
However, it does not set the width of DropArrowImage correctly.
I found the following post http://ajaxcontroltoolkit.codeplex.com/workitem/24194 but I am not sure of where to find DropDownBehavior.js to implement proposed solution.
Is it possble somehow to set the widht of DropArrow?
View 2 Replies
Aug 7, 2010
How can I achieve hover effect for the ajaxtoolkit combobox. I just need an outline for the entire combo i.e. outline for combo-textbox and combo-button when hovering over the combobox otherwise it should return to the normal outline color.
I could only get the hovering effect for combo-textbox alone and that too an outline creates at outer of the existing combo-textbox outline.
BTW: how can I attach an image from my desktop?
I tried the CSS style as below
[Code]....
View 3 Replies
Jan 24, 2011
I Have to add the reference at code behind n page load of this
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
View 2 Replies
Oct 11, 2010
I am stuck in the set focus field in field in ajaxtoolkit : Tab at codebehind when button click.
[Code]....
View 5 Replies
Jun 18, 2010
I am having a problem loging in the user from master page
1: Main.master and Main.master.cs has all the code and controls
2:Method Login code in the master page behind:
[Code]....
View 2 Replies
Sep 27, 2010
i put PopUpcontrolExtender in my page to learn more about this toolkit base on the Ajax tutorial but ,when i click on the button, popup modal form popped up and disapear by itself fast, here is my code:
<%
<%
@
Page
Language="VB"
AutoEventWireup="true"
CodeFile="Default.aspx.vb"
Inherits="_Default" %>@
Register
Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
TagPrefix="ajaxToolkit" %>
<!
<
<
DOCTYPE
html
PUBLIC
"-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">html
xmlns="http://www.w3.org/1999/xhtml">head
runat="server">
</
<
<title>Untitled
Page</title>head>body>
<form
id="form1"
runat="server">
<asp:ScriptManager
ID="ScriptManager1"
runat="server"
/>
<asp:TextBox
ID="TextBox1"
runat="server"></asp:TextBox><br
/>
<div>
<ajaxToolkit:CalendarExtender
ID="CalendarExtender1"
runat="server"
TargetControlID="TextBox1">
</ajaxToolkit:CalendarExtender>
<br
/>
<asp:TextBox
ID="TextBox2"
runat="server"
TextMode="Password"></asp:TextBox>
<ajaxToolkit:PasswordStrength
ID="PasswordStrength1"
runat="server"
TargetControlID="TextBox2">
</ajaxToolkit:PasswordStrength>
<br
/>
<br
/>
<br
/>
<asp:Button
ID="btnok"
runat="server"
Text="Pop Up Test"
Width="96px"
/>
<br
/>
<asp:Panel
ID="Panel1"
runat="server"
BackColor="#FFFFC0"
Width="184px">
<asp:Label
ID="Label1"
runat="server"
Text="This is Test"
Width="264px"
CssClass="ModalPopup"></asp:Label><br
/>
<asp:Button
ID="btnPopupOk"
runat="server"
Text="Ok"
/></asp:Panel>
<ajaxToolkit:PopupControlExtender
ID="PopupControlExtender1"
PopupControlID="panel1"
OffsetX="500"
OffsetY="100"
runat="server"
TargetControlID="btnok"
>
</ajaxToolkit:PopupControlExtender>
<br
/>
<ajaxToolkit:DropShadowExtender
ID="DropShadowExtender1"
runat="server"
Opacity="75"
TargetControlID="Panel1">
</ajaxToolkit:DropShadowExtender>
</div>
</
</
</form>body>html>
and also i can not put DropShadow="true" in my PopupControlExtender because i will get this Error: "AjaxControlToolkit.PopupControlExtender' does not have a public property named 'DropShadow'"
View 9 Replies
Mar 27, 2010
I want to animating the image as show slide after slide by Slideshowextender , how I can make that
View 2 Replies
Nov 2, 2010
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
View 1 Replies
Jun 2, 2010
Am looking for control like html editor in windows forms so i want to use ajaxtoolkit.dll for html editor.
Can i create object for toolkit and use htm editor.
for example while we composing mail we have options like bold italic for these options and also i want to change rich text to html code .
View 6 Replies
Sep 1, 2010
how to fill asp:Gridview asynchronously from the SQL database when mouse clicked on AJAXToolkit Calendar(When calendar date changed by client)
View 7 Replies