Sunday, March 11, 2012

Dropdown list appears above Animation Control

Hi,

This is an IE issue that every web developer comes across sooner or later. IE is using an actual Win32 combo box control, so it doesn't have the same flexibility with layering and it will always draw the combo box on top... unless of course you put another Win32 control above it. You can work around this by placing a transparent IFrame behind whatever you're moving to the front. We do this in PopupBehavior.js - take a look at the addBackgroundIFrame function. You could modify this function and then call it from a ScriptAction in your animation if the browser is IE. Hopefully this will get you started.

Thanks,
Ted


Hi Ted,

many thanks for this advice. Actually I just moved the opening window to a place where no drop down is displayed (hopefully in each resolution), this was much easierWink But I'll keep this advice in mind, probably I'll need it sooner or later. Many thanks!


Is there another way?

Same situation as his first post, the company use ie6...

But in my case, I have a main page with a tabcontainer, with iframes in each tab...

My animation comes from the main page, outside of the tabs... And everywhere there are dropdownlists they are visible threw the panel coming with animation...


Don't know if you found a way around this yet or not, but I worked around the issue by adding a styleaction to my open animation extender to set the display attribute of the interfering dropdown list to none, then added a second styleaction to the close animation extender to set the display attribute of the dropdown list back to inline. Not an overly fancy solution, I suppose, but it gets the job done and so far no one has noticed the mysterious disappearing dropdown lists.. mainly because they're already covered over by the flyout animation to begin with.

Hope this helps!


No, because as I said, there are dropdownlists in iframes all over the app,

and on almost each tab (from toolkit)...

And I don't think this thread should be marked as "answered", because there are still isssues to solve with the dropdownlists in ie6...

No comments:

Post a Comment