ComponentOne Extended Library for WPF and Silverlight
Accordion XAML Quick Reference
Accordion > Accordion XAML Quick Reference

This topic is dedicated to providing a quick overview of the XAML used to complete various C1Accordion tasks. For more information, see the Accordion for Silverlight Task-Based Help section.

C1Accordion with C1AccordionItems

The following XAML markup creates a C1Accordion control with three C1AccordionItems.

XAML
Copy Code
<c1:C1Accordion Height="100" HorizontalAlignment="Left" Name="c1Accordion1" VerticalAlignment="Top" Width="200">

     <c1:C1AccordionItem IsTabStop="False" />

     <c1:C1AccordionItem IsTabStop="False" />

     <c1:C1AccordionItem IsTabStop="False" />

</c1:C1Accordion>

C1AccordionItems with Content

The following XAML markup creates a C1Accordion control containing three C1AccordionItems. It is similar to the markup under C1Accordion with C1AccordionItems, but this time each C1AccordionItem contains content. The first item contains a TextBlock, the second item contains a Button control, and the third item contains a Calendar control.

XAML
Copy Code
<c1:C1Accordion Height="276" HorizontalAlignment="Left" Name="c1Accordion1" VerticalAlignment="Top" Width="355">

    <c1:C1AccordionItem IsTabStop="False">

       <TextBlock Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="textBlock1" Text="TextBlock" VerticalAlignment="Top">Hello world, my name is Studio for Silverlight.</TextBlock>

    </c1:C1AccordionItem>

    <c1:C1AccordionItem IsTabStop="False">

        <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="button1" VerticalAlignment="Top" Width="75" />

     </c1:C1AccordionItem>

     <c1:C1AccordionItem IsTabStop="False">

         <sdk:Calendar Height="169" HorizontalAlignment="Left" Margin="15,15,0,0" Name="calendar1" VerticalAlignment="Top" Width="230" />

     </c1:C1AccordionItem>

</c1:C1Accordion>