AJAX :: Accordion Immediately Collapsing On Safari?
Nov 3, 2010
I have a relatively simple AJAX accordion control running on a C# website. It works perfectly on Firefox, Chrome, IE, but not on Safari. On the iPad and iPhone, the accordian expands, but then almost immediately collapses again. It is supposed to stay open (and does so on the other browsers). After expanding, the page looks like it is refreshing (I can see the bar at the top).I have other Ajax controls on the page that all seem to work fine. I have not put in any other code to expand or collapse the accordion control. This page uses a masterpage, if at all relevant.Here's what the properties look like up to the start of the panes:
I've got a CollapsiblePanelExtender in place on a panel in test and it works like a champ. (I get excited about the simplest things). When I click the panel header it expands and collapses with smooth animation, as expected and desired.
But when I change its state via code behind, it seems I am merely changing its state and somehow bypassing the javascript that controls the smooth animation.
My markup is out of the box. I have added code behind and some javascript, but I am missing the connection. Here is the javascript:
function pageLoad(sender, args) { smoothAnimation();[code]....
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 am using UpdatePanel and UpdateProgress on my webform. On my page_Load, I am checking some of the session variable if thats null then I have to redirect to my other page. Now, as I have updatePanel, we cannot use Response.Redirect so I have this code to redirect to my other page after checking that session variable.
[Code]....
But the problem is that my page continues execution after this line. I want to immediate transfer my page to this other page just like Response.Redirect but it keeps executing and redirects at last. If it comes to this line of code, I immediately want to redirect to my other page.
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 have made a calendar extender that is hooked to a textbox and is activated when you click on a img button. But when ever you click on it the first time it shows and then immediately disappears.
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've had an issue with a javascript menu not working inside an Ajax update panel after the ajax postback. I was able to solve this in IE by calling the menu js function with a pageLoad() function which is automatically called by ajax. However I then discovered it doesn't work in any other browser.
Having search around I've only found two references to the issue; one where someone else has found the same thing and another where someone states that pageLoad isn't stable in other browsers.
Is there any way to solve this issue in browsers other than IE?
when i click a button, the ajax modal pop up should float above the svg, which is a image object that formated as xml file underneath. it works all fine in IE and Firefox, but it's not working in safari.
In safari, the modal pop up is behand the svg rather than float on the svg, so far i had use the z-index and position in front end control, but none of them are working, the below is my aspx code:
The strangest thing: Safari 4 will show me the HTML in View Source but it will not render the content in the page. Chrome 5 which is supposed to be the same WebKit parser renders the page as expected. Where could I possibly start to debug this?
I have a Panel, which contains some form elements and is Visible=False on page load. When a button is pressed the Panel is made visible (the button and the panel are inside the same UpdatePanel). I have a PasswordStrength control within this Panel and on Safari it does not work once the Panel is made Visible=True. All other browsers work perfectly.
I've tried adding the PasswordStrength control at runtime but the same thing happens...
using System; using System.Collections.Generic; using System.Linq; [code]....
When I click the action link in IE the controller code runs but the div is NOT updated. Do it in ANY other browser and it works just fine. Is this (yet another) known problem/bug with IE??
I am using AjaxContrToolKit (AjaxControlToolkit.Compat.DragDrop.DragDropScripts.js) in my application to provide the drag and drop facility . After implementing the same in the application , observed that working fine in IE and Firefox browser . But the same is not working in Safari and WebKit (Chrome and Safari) browser . In these browsers(both Safari and Webkit), while clicking on the top of the panel getting scrolled up .
Instead of hide/collapse the traditional rows, what I want to do is a user control that hide and collapse the columns when I click in the respective buttons.
I have a TreeView menu populated from a SiteMapDataSource. The TreeView defaults to all nodes expanded, but the normal client side expand/collapse behaviour for the nodes is not working. I get one Javascript error in my Firebug console, being:
I am embedding a popup extender inside a tab...simple enough - for some reason the content is visible when the page loads - it can be dismissed by selecting the button and then dismissing the popup. Everything works in compatability mode.
I can't tag the panel as visible=false as it is no longer rendered at all.
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'm binding to a RadPanelBar control using the ItemTemplate; it creates the RadPanelBar correctly using this approach, but the panel bar doesn't close when you click on the header??? How do you get the header click to close the item, or is there an alternative way for this kind of setup?
