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.

<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.

<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>