Introduction: In this article I will try to explain how we can use the Ajax CollapsiblePanelExtender in Asp.net.

Description:

In the last article I have explained How to use Ajax NumericUpDownExtender control in Asp.net OR Ajax NumericUpDown control Example, How to useAutoCompleteExtender Ajax control in Asp.net, How to use TabContainer AjaxControl in Asp.net and How to use Ajax FilteredTextBoxExtender control in Asp.net OR Ajax FilteredTextBoxExtender Example.

 We use CollapsiblePanelExtender to create collapsible panel i.e. click on down arrow panel will expand and click on up arrow will collapse automatically. CollapsiblePanelExtender Properties:

TargetControlID: Panel ID to expand and collapse

CollapseControlID: ID used to collapse on click

ExpandControlID: ID used to expand on click

CollapsedImage: path of image used by ImageControlID when the panel is collasped

ExpandedImage:  path of image used by ImageControlID when the panel is expand

TextLabelID: ID of the label where STATUS TEXT for the panel will be placed.

CollapsedText: text to show in control specified by TextLabelID when panel is collapsed

ExpandedText: text to show in control specified by TextLabelID when panel is expand

Collapsed: specifies that object should initially be colasped or expanded

ImageControlID: ID of image control where icon indicating the collapsed status of the panel. Extender will replace the image source with CollapsedImage and ExpandedImage.

AutoCollapse: automatically collaspe when mouse is moved over the panel. Automatically it’s true

AutoExpand: automatically expand when mouse is moved over the panel. Automatically it’s true