Hello test From Google Doc

บทที่1 ประเดิม

AjaxControlToolkit-Accordion
ทำtab ยืดได้หดได้ ด้วยstepง่ายๆ 4 step คือ

1.แทรก stylesheet
2.เพิ่ม Accordion Controlจากใน AjaxToolkit เข้ามาแล้วทำการปรับแต่ง option
3.แทรกtag "Panes" เข้าไปในcode ของ Accordion
4.ในระหว่าง ให้เพิ่ม AccordionPane Control เข้ามาเพื่อทำการใส่เนื้อหาและ Header

>>แทรก Stylesheet ระหว่าง head โดยการคลิ๊กลากจาก SolutionExplorer มาที่code เลยก็ได้
>>ในเนื้อหา หรือ body แทรก AjaxControlToolkit"Accordion" ลงไปโดยลากจาก Toolbox มาเลยโดยการปรับแต่งค่าทำได้ดังนี้

SelectedIndex="0"
HeaderCssClass="accordionHeader"
ContentCssClass="accordionContent"
FadeTransitions="true"
FramesPerSecond="40"
TransitionDuration="250"
AutoSize="None"

>>เพิ่มtag Panes เข้าไประหว่างcodeของ Accordion แล้ว เพิ่ม AjaxControl "AccordionPane" เพื่อทำการใส่ เนื้อหาและ Head ของ Tabที่เราจะทำ ในที่นี้เราทำ4Tab เราก็ต้องเพิ่ม AccordionPane เข้ามา4อัน โดยแต่ละอันใส่tag "header" และ "content"
>> ลองรัน ดู....จบและ ง่ายจริงๆ

ลองโหลดไปลองrun ดูได้ที่

http://download.microsoft.com/download/f/7/a/f7adf2b4-6554-4027-bac6-c853bc0a4f9d/HDI-ACT-Accordion-CS.zip