DropShadowExtender problem

Hi

I am trying to place a DropShadowExtender for an asp:panel which is bound with HoverMenuExtender. So if the user hovers over a link, the panel will show up and drops a shadow. But the problem is the shadow is always showing up and when a user hovers away from the link the hovermenu dissapers but shadow remains there. Anyone knows a solution?

Thanks.

Hi Zeeshan,

I would recommend adding anotherPaneland have the DropShadowExtender point to the old one and theHoverMenuExtender point to the new one. If your currentPanel has the IDMyPanel, then you would want something that looked like this:

<asp:Panel id="WrapperPanel" runat="server" ... >
<asp:Panel id="MyPanel" runat="server" ... >
...
</asp:Panel>
</asp:Panel>
<atlasToolkit:DropShadowExtender ID="dse" runat="server">
<atlasToolkit:DropShadowProperties TargetControlID="MyPanel" ... />
</atlasToolkit:DropShadowExtender>
<atlasToolkit:HoverMenuExtender ID="hme" runat="Server">
<atlasToolkit:HoverMenuProperties PopupControlID="WrapperPanel" ... />
</atlasToolkit:HoverMenuExtender>

Thanks,
Ted

Thank you so much Ted. I was wondering if I can have fade in/out effect on my HoverMenuExtender. I tried doing it with scripts on my page but it doesn't work as the panel is under control of the extender so the effect doesn't show up. Anyone knows any other way around?

Thanks

Hi Zeeshan,

Right now the only way to change the visual effects for any of the controls is to change the script. This is even more complicated forHoverMenuBehavior.js because you'll notice that it uses theSys.UI.HoverBehavior andSys.UI.PopupBehavior classes defined by "Atlas".

Thanks,
Ted