AJAX :: Accordion Not Transitioning Properly?
Jun 30, 2010
I've added an accordion control to my page, but I have a problem when running it:When clicking on a new header to expand that pane, it immediately expands (i.e. doesn't "grow"), however the old pane collapses slowly (according to the TransitionDuration attribute). This causes a very dissatisfactory result as it looks very jumpy when opening new panes.I've had a good play around with all of the attributes and can't seem to fix it. Using IE 8 and VWD Express 2010 (though I had the same problem with 2008).
View 2 Replies
Similar Messages:
May 11, 2010
I have an Accordion control with the following markup:
[Code]....
Here is how it displays...IE8:FireFox:As you can see, in IE it acts as if I've set the AutoSize to "Limit". I know there is this known issue with IE6 and IE7:The AutoSize "Limit" mode works exactly the same as the "Fill" mode for Internet Explorer 6 and 7 because they do not support the max-height CSS
property. Does this also extend to IE8? If not, what is the problem?
View 1 Replies
Mar 7, 2011
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.
<asp:GridView ID="grdAccordion" runat="server" AutoGenerateColumns="false" Width="200px">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<div class="myFirstDiv" onclick="testToggle(this)">
<%#Eval("Name")%>
<div class="mySecondDiv" style="display:none">
<%#Eval("Person_Name")%>
</div>
</div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
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.
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
Nov 10, 2010
I want to use IIS impersonation to connecto to a SQL server database as the user who is currently accessing a website. This is for auditing and security reasons. I've done some reading and discovered that because the SQL Server is on a sepearate physical server I need to enable Protocol Transitioning and Constrained delegation for the server that's running IIS. This is the article that I found. [URL] I didn't realise at the time I first read it but this article has the following header. Retired Content
This content is outdated and is no longer being maintained. It is provided as a courtesy for individuals who are still using these technologies. This page may contain URLs that were valid when originally published, but now link to sites or pages that no longer exist. What I want to know is, does the information in the article still apply, if I want to impersonate the user all the way to the SQL Server, do i still need Constrained Delegation or has this been implemented in some other way for ASP.NET 4?
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 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
Aug 14, 2010
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.
View 2 Replies
Dec 30, 2010
Ajax calendar control not working properly with content place holder of Master Page.Most of time Calender Control hides when mouseover with out changing date in content place holder of Master Page.same code works in normal aspx pages.
View 2 Replies
Feb 11, 2011
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.
<body>
<form id="form1" runat="server">
<div id="container">
<asp:ScriptManager ID="ScriptManager1" runat="server"/>
<div>
[code]...
View 2 Replies
Aug 26, 2010
I'm using an Ajax Accordion with several panes. On a postback the currently opened pane is always reset back to the first pane.
View 1 Replies
Apr 19, 2010
For some reason, this code:
<act:accordion id="accWork_BronzeAward" width="100%" SelectedIndex="-1" headercssclass="accHeader" headerselectedcssclass="accHeader_Selected" contentcssclass="accContent" FadeTransitions="true" TransitionDuration="250" FramesPerSecond="40" RequireOpenedPane="false"
SuppressHeaderPostbacks="true" runat="server">
View 1 Replies
Mar 16, 2011
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.
View 2 Replies
Jun 17, 2010
Is there a way to get the outlines of the Accordion Ajax control to have rounded corners?
View 2 Replies
Jan 18, 2010
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
private void loadAccordion(string sMenu,string sHeadingImage)
{
try[code].....
View 2 Replies
Mar 1, 2011
Accordion is not working?
View 1 Replies
Jan 3, 2011
I'm having trouble with my accordion control. I'm trying to databind the control using my code- behind, but I can't seem to populate the accordion
My .aspx code is:
[Code]....
and my code- behind is:
[Code]....
View 1 Replies
Dec 10, 2010
Has anyone ever tried to put a seadragon control in an accordion extender? I just tried and I can't get it to work. The seadragon control dosn't render the image when you open a pane in the accordion. Something like this...
[Code]....
View 2 Replies
Mar 30, 2010
I've got a site that uses an Accordion, it has AutoSize="Limit" and the height is set to 600, however, when rendered, the Accordion div style is set to:"overflow-x: auto; height: 600px; overflow: hidden;"Does anyone know why this is the case? My understanding is that an AutoSize value of Limit should render style of "overflow-y: auto;" if not "overflow: auto;"?I tried setting the width to see if that makes any difference, but it still has "overflow: hidden".At the moment I have a work around which places the Accordion (with AutoSize="None") in a div with a style of "height: 420px; width: 750px; overflow: auto;", but I'm surprised that this issue exists and would prefer if I didn't have to use this work around.
Accordion tag:
[Code]....
Rendered div:
[Code]....
View 2 Replies
Mar 4, 2011
<table class="style10">
<tr>
<td bgcolor="#CCFFFF">
<ContentTemplate >
<ajaxToolkit:Accordion ID="Accordion1" runat="server" SelectedIndex="-1" AutoSize="None"
FadeTransitions="true" TransitionDuration="250" FramesPerSecond="40"
RequireOpenedPane="false"
SuppressHeaderPostbacks="true" ContentCssClass="contentfont">
<Panes>
<ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
<Header>
<div align="center">
<asp:Label ID="lblbillingaddr" runat="server" Text="Personal Details" Font-Bold="true"
Font-Underline="true"></asp:Label>
</div>
</Header>
<Content>
<table >
<tr>
<td >
<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Names="Tahoma"
Font-Size="Small" Text="Name"></asp:Label>
dfdsfd</td>
<td>
<asp:TextBox ID="txtname" runat="server" Width="127px"></asp:TextBox>
View 1 Replies
May 17, 2010
I have my website up and running, and i've got many respones from surfers that the Accordion object that I have on one of the pages won't openpanes. I geuess that it got something to do with old browsers or security settings, but I'm not sure which. Besides, assuming that it does has somethingto do with old browsers to bad settings, what can i change in the Accordion's settings to make sure it will run on old browsers as well?
View 1 Replies
Mar 10, 2010
i want to create accordion programmatically in c#. i want to define how many panes a accordion will have on the basis of count of items present in the dropdown. i dnt know whether anybody gets it or not what i am trying to achieve. here goes again create a accordion which will multiple panes depending upon the no of items present in the dropdown list.
View 3 Replies
Mar 2, 2011
I already used the search, but without success.
I want to use a CascadingDropdown inside an Accordion.
The ParentControlID for the CascadingDropdown is in pane1 and the CascadingDropdown in pane2, but it won't work.
When I put them both into one pane it works. But separated into two panes it doesn't work.
View 3 Replies
Jan 16, 2011
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]....
View 2 Replies
May 13, 2010
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.
[Code]....
View 2 Replies
