ASP.NET AJAX Control Toolkit Demos v20.1.0.0

CollapsiblePanel Sample
Ajax Control Toolkit
CollapsiblePanel Demonstration
What is ASP.NET AJAX?
(Show Details...)

ASP.NET AJAX is a free framework for building a new generation of richer, more interactive, highly personalized cross-browser web applications. This new web development technology from Microsoft integrates cross-browser client script libraries with the ASP.NET 2.0 server-based development framework. In addition, ASP.NET AJAX offers you the same type of development platform for client-based web pages that ASP.NET offers for server-based pages. And because ASP.NET AJAX is an extension of ASP.NET, it is fully integrated with server-based services. ASP.NET AJAX makes it possible to easily take advantage of AJAX techniques on the web and enables you to create ASP.NET pages with a rich, responsive UI and server communication. However, AJAX isn't just for ASP.NET. You can take advantage of the rich client framework to easily build client-centric web applications that integrate with any backend data provider and run on most modern browsers.

CollapsiblePanel Description
An extender class which adds collapse/expand behavior to an ASP.NET Panel control. The panel that is extended can then be collapsed or expanded by the user of the page, which is handy for doing things like showing or hiding content or maximizing available space.
CollapsiblePanel Properties
Properties
  • AutoCollapse - If true, and the panel is in its 'expanded' state, the panel will automatically collapse when the mouse pointer moves off of the panel. The default is false
  • AutoExpand - If true, and the panel is in its 'collapsed' state, the panel will automatically expand when the mouse pointer moves into the panel. The default is false
  • CollapseControlID - The server ID of the control to initiate the collapse of the target panel. The panel will collapse when this control fires its client side "onclick" event
  • Collapsed - Signals the initial collapsed state of the control. Note this will not cause an expanded control to collapse at initialization, but rather tells the extender what the initial state of the Panel control is. The default is false
  • CollapsedImage - Image to be displayed when the Panel is collapsed and the ImageControlID is set
  • CollapsedSize - The size of the panel when it is in it's collapsed state. To avoid flicker when your page initializes, set the initial height (or width) of your Panel control to match this value, and set the Collapsed property to 'true'
  • CollapsedText - The text to display in the collapsed state. When the panel is collapsed, the internal contents (anything between the start and ending tags) of the control referenced by the TextLabelID property will be replaced with this text. This collapsed text is also used as the alternate text of the image if ImageControlID is set
  • ExpandControlID - The server ID of the control to initiate the expansion of the target panel. The panel will opening when this control fires its client side "onclick" event
  • ExpandDirection - The dimension to use for collapsing and expanding - vertical or horizontal
  • ExpandedImage - Image to be displayed when the Panel is expanded and the ImageControlID is set
  • ExpandedSize - The size of the panel when it is in it's opened state. To avoid flicker when your page initializes, set the initial width of your Panel control to match this value, and set the Collapsed property to 'false'
  • ExpandedText - The text to display in the expanded state. When the panel is expanded, the internal contents (anything between the start and ending tags) of the control referenced by the TextLabelID property will be replaced with this text. This expanded text is also used as the alternate text of the image if ImageControlID is set
  • ImageControlID - The ID of an image control to display the current state of the Panel. When the collapsed state of the panel changes, the image source will be changed from the ExpandedImage to the CollapsedImage. We also use the ExpandedText and CollapsedText as the image's alternate text if they are provided
  • ScrollContents - Determines whether the contents of the panel should be scrolled or clipped if they do not fit into the expanded size. The default is false
  • SuppressPostBack - Determines whether the CollapsiblePanelBehavior should suppress the click operations of the controls referenced in CollapseControlID and/or ExpandControlID.
  • TextLabelID - The ID of a label control to display the current state of the Panel. When the collapsed state of the panel changes, the entire HTML contents (anything between the start and ending tags of the label) will be replaced with the status text
Copyright © 2012-2021 CodePlex Foundation. All Rights Reserved.