C# Tutorials and offshore development in India

Prizes & Awards

My Profile

AdSense Revenue

Active Members
Today

Last 7 Days

more...

New Feature: Community Sites: Create your own .NET community website and start earning from Google AdSense ! It's Free !

An overview about Accordion (Ajax Tool)

Posted Date: 09 May 2008 Resource Type: Articles Category: .NET Framework

Posted By: SSN Member Level: Gold
Rating:

Points: 10

Accordion
------------
It is a web control which allows us to provides multiple panes and display one at a time. It is like having several collapsable panes where only one can expanded at a time.

It supports three autosize modes:
a. None - In this mode the Accordion shrinks/grows without any restrictions. Due to this the other
elements in our webpage can move up and down with it.
b. Limit - In this mode we can give the specific value for its height, then it will be like a fixed
size. If the data is larger than the size then the content will be scrollable automaticaly.
c. Fill - Accordion Stays exact same size as the hight value. It will result the content to expand or
shrunk if it isn't right size

The Limit mode works exactly same as fill mode in IE 6 and 7, because they donot support max-height CSS property.

Accordion is written with the extender which is the one of the extender in the AJAX Tool Kit. Accordion and Accordion controls are used to generate expected input for the extender. Extender can also be used on its own if we provide appropriate input.

Accordion can also be databound by simply providing the Datasource or DatasourceID properties.
If we place Accordion inside tag and fade transitions set to true, then it will affect the spaces between the AccordionPanes. If the resolution is 1600 x 1200 and we are using IE 6 then the animation is slower than comparing with the resolution 1280 x 1024.

syntax
------
<ajaxToolkit:Accordion
.
.
.
<Panes>
.
.
<ajaxToolkit:AccordionPane

<Header> . . . </Header>
<Content> . . . </Content>
</ajaxToolkit:AccordionPane>
.
.
.
</Panes>
<HeaderTemplate>...</HeaderTemplate>
<ContentTemplate>...</ContentTemplate>
</ajaxToolkit:Accordion>

Responses
Author: Sebastian 13 Jun 2008		Member Level: Gold Points : 0
This is very informative. Thanks for sharing the details.

Feedbacks

Popular Tags

What are tags ?

Search Tags

(No tags found.)

Post Feedback

This is a strictly moderated forum. Only approved messages will appear in the site. Please use 'Spell Check' in Google toolbar before you submit.
You must Sign In to post a response.

	Next Resource: Introduction to asp 3.5 Features
	Previous Resource: Difference between assembly and namespace
	Return to Discussion Resource Index
	Post New Resource
	Category: .NET Framework

Post resources and earn money!

Related Resources

dotNet Slackers BizTalk Adaptors Web Design

UK Conference calling Company

An overview about Accordion (Ajax Tool)

Responses

Post Feedback