Collapsible Panel help

Last post 01-16-2007 11:03 PM by jmsewe0. 2 replies.

Sort Posts:

  • Collapsible Panel help

    01-16-2007, 5:24 PM
    • Member
      6 point Member
    • jmsewe0
    • Member since 01-12-2007, 11:07 AM
    • Posts 24

    Guys, i have created a collapsible panel control using the ajax extender.  The only issue i have is that is does not "scroll" down.  All the examples i have seen expand the window in a fluid movement.  Mine does not.  Mine almost looks like I am turning the div visible.  very strange...thoughts? 

    <asp:UpdatePanel runat="server" ID="pnlMain">
                    <ContentTemplate>
                        <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="pnlLeadDetails"
                        CollapsedSize="0" ExpandedSize="500" Collapsed="true" ExpandControlID="linkbutton1" CollapseControlID="linkbutton1"
                        AutoCollapse="false" AutoExpand="false" ScrollContents="true" ExpandDirection="Vertical"/>
                        <asp:LinkButton runat="server" ID="linkbutton1" Text="LeadDetails"  />
                        <asp:Panel runat="server" ID="pnlLeadDetails" BackColor="black">
                            hello world<br>
    	        hello world<br>
    	        hello world<br>
                   	        hello world<br>
    	        hello world<br>
                        </asp:Panel>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="linkbutton1" EventName="Click" />
                    </Triggers>
                </asp:UpdatePanel>
     What do you guys think?

  • Re: Collapsible Panel help

    01-16-2007, 8:04 PM
    Answer

    Hi

     

    The problem you have is the update panel wrapping the CPE which iun essence swallows the animation. If you are trying to dynamically load within the CPE you need to reorder your syntax accordingly"

      

                        <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" TargetControlID="pnlLeadDetails"
                        CollapsedSize="0" ExpandedSize="500" Collapsed="true" ExpandControlID="linkbutton1" CollapseControlID="linkbutton1"
                        AutoCollapse="false" AutoExpand="false" ScrollContents="true" ExpandDirection="Vertical"/>
                        <asp:LinkButton runat="server" ID="linkbutton1" Text="LeadDetails"  />
                        <asp:Panel runat="server" ID="pnlLeadDetails" BackColor="black">
                        <asp:UpdatePanel runat="server" ID="pnlMain">
                    <ContentTemplate>
                                                 hello world<br>
    	        hello world<br>
    	        hello world<br>
                   	        hello world<br>
    	        hello world<br>
                                          </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="linkbutton1" EventName="Click" />
                    </Triggers>
                </asp:UpdatePanel>
                        </asp:Panel>
     

    Andy
    http://twitter.com/andybritcliffe
  • Re: Collapsible Panel help

    01-16-2007, 11:03 PM
    • Member
      6 point Member
    • jmsewe0
    • Member since 01-12-2007, 11:07 AM
    • Posts 24
    Awesome!  Thanks - that worked.  Now I can stop slamming my head on my desk! Stick out tongue
Page 1 of 1 (3 items)