[RESOLVED] Ajax Control CollapsiblePanelExtender Not working

Hi there,

I am trying to use a Ajax CollapsiblePanelExtender  in a web page but that dosent work. Am I  missing some thing ? Here is the code

Header

   

CollapseControlID="pnlheader" CollapsedImage="expand_blue.jpg" ExpandControlID="pnlheader" ExpandedImage="collapse_blue.jpg"


ImageControlID="imgToggle" SuppressPostBack="True" TargetControlID="pnlRegisterUser" CollapsedText="Show Details...." ExpandedText="Hide Details..." Collapsed="True">

Finally got it working by using ToolScript Manager instead of ScriptManager. But then the page has CSS which gets disturbed when expanding and collapsing the control. Any work around on this?

Hi,

N1ZAM

Finally got it working by using ToolScript Manager instead of ScriptManager

It is always preferred to use AjaxToolScriptManager control when AJAX controls are being used.

N1ZAM

the page has CSS which gets disturbed when expanding and collapsing the control. Any work around on this?

When CSS is applied to the CollapsiblePanelExtender, the inner div that is created also inherits the CSS class.  This causes issues when padding is a property of this style.

Solution: target the div created by the Collapsible Panel extender with the styles that you want

For more information:

SOLVED: CSS Padding Issue in CollapsiblePanelExtender

Hope it helps!

Best Regards!