Microsoft AJAX Control Toolkit: Accordion

1. Register AjaxControlToolkit dll
< %@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" % >

2. Place a Script Manager
< asp:ScriptManager ID="ScriptManager1" runat="server" / >

3. Put this code on the page
< cc1:Accordion ID="MyAccordion" AutoSize="Fill" Width="600" runat="Server" SelectedIndex="0" HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent" FadeTransitions="true" TransitionDuration="250" FramesPerSecond="40" RequireOpenedPane="True" SuppressHeaderPostbacks="true" >
< Panes >
< cc1:AccordionPane runat="server" ID="ap1" >
< Header > What's Hot < /Header >
< Content > < div id="ap1div" runat="server" / >< /Content >
< /cc1:AccordionPane >
< cc1:AccordionPane runat="server" ID="AccordionPane1" >
< Header > Entertainment < /Header >
< Content >
First Look: 'Main Aurr Mrs Khanna' < br / >
New Michael Jackson single debuts online < br / >
In Pics: 2009's hottest item numbers < br / >
Glamzone: Hot pics of Abhinayasri < br / >
Siren of the Week: Shamita Shetty < br / >
Preview: Akshay Kumar's 'Blue' < br / >< /Content >
< /cc1:AccordionPane >
< cc1:AccordionPane runat="server" ID="AccordionPane2" >
< Header > Biz & Finance < /Header >
< Content > India pips China, is fastest growing telecom mkt. < br / >
Anil's RCom under-reported revenues, says Auditor < br / >
Did you think twice before taking a personal loan? < br / >
CEOs salaries: One must pay for the talent, says FICCI < br / >
'Informal jobs account for 93% of India's workforce' < br / >
Here is how to get smart with your household budget < br / >
Motherland calling: NRI investments in India < br / > < /Content >
< /cc1:AccordionPane >
< /Panes >
< /cc1:Accordion >

No comments:

Post a Comment