Home » ASP.NET AJAX, Tech Corner

CollapsiblePanel

31 March 2009 1 comment Posted By:Vivek

To add collapsible sections to your webpage,Ajax provides you with the CollapsiblePanel control.

<asp:LinkButton ID="LinkButton1" runat="server">Show Details</asp:LinkButton>
<ajaxToolkit:CollapsiblePanelExtender ID="cpe" runat="Server"
TargetControlID="Panel1" CollapsedSize="0"
ExpandedSize="300"
Collapsed="True"
ExpandControlID="LinkButton1"
CollapseControlID="LinkButton1"
AutoCollapse="False"
AutoExpand="False">
</ajaxToolkit:CollapsiblePanelExtender>
<asp:Panel ID="Panel1" runat="server" >
To add collapsible sections to your webpage,Ajax provides you with the CollapsiblePanel control.
</asp:Panel>
Collapsed Panel

Collapsed Panel

Expanded Panel

Expanded Panel

Related posts:

  1. ValidatorCalloutExtender
  2. Ajax Tabs
  3. Accordion
  4. TextBoxWatermarkExtender
  5. Calender Extender

One Comment »

  • Aaron said:

    Most what i read online is trash and copy paste but i feel you offer something different. Maintain it like this.

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>