Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

CollapsiblePanelExtender extra div wrapper

$
0
0

A know bug. But I still can't seem to make to make it work.  I have this CollapsiblePanelExtender (below) the problem is that in firefox it gives a horizontal scroll bar under the control which has to expand.

<asp:Panel ID="pnlRefine" runat="server" Visible="false">
	<asp:Panel ID="pnlRefineHeader" runat="server" CssClass="LeftNavPanelHeader">		
        Refine 
        	<asp:Image ID="lnkMore" runat="server" ImageUrl="/images/buttons/collapseleftnav.jpg" />
	</asp:Panel>
	<asp:Panel ID="pnlRefineBody" runat="server" CssClass="LeftNavPanelBody">
        <asp:Panel ID="Panel1" runat="server">
       
		<AP5:RefineSearchCriteria id="rsCriteria" runat="server" /> </asp:Panel>
	</asp:Panel>
	<asp:CollapsiblePanelExtender runat="server" TargetControlID="pnlRefineBody" ExpandControlID="pnlRefineHeader" CollapseControlID="pnlRefineHeader" CollapsedImage="/images/buttons/expandleftnav.jpg" ExpandedImage="/images/buttons/collapseleftnav.jpg" Collapsed="false" SuppressPostBack="true" ImageControlID="lnkMore" />
	<div style="height:2px"> </div>
</asp:Panel>

Below is the generated HTML


<div class="" id="" style="border: 0px none; margin: 0px; padding: 0px; overflow-y: hidden; visibility: visible; height: auto;">
<div class="LeftNavPanelBody" id="ctl00_AdminNavigationBar_pnlRefineBody" style="visibility: visible; height: auto;">
		
        <div id="ctl00_AdminNavigationBar_Panel1">
			
       	</div>
	
	</div>
</div>


If I remove the "overflow-y:hidden" from the generated div then the scroll bar goes away, which is what I want....

Any ideas on dealing with this div?


Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>