Extended Library for WPF and Silverlight | ComponentOne
Expander / Expander for Silverlight Quick Start / Step 2 of 3: Customizing the C1Expander Control
In This Topic
    Step 2 of 3: Customizing the C1Expander Control
    In This Topic

    In the last step, you created a Silverlight project and added a C1Expander control to it. In this step, you will customize the behavior and appearance of the C1Expander control.

    Complete the following steps:

    1. Add Height="75" to the <c1:C1Expander> tag to set the height of the control. The XAML markup appears as follows:
      <c1:C1Expander Height="75">
      
    2. Add Width="140" to the <c1:C1Expander> tag to set the width of the control. The XAML markup appears as follows:
      <c1:C1Expander Height="75" Width="140">
      
    3. Add Header="Expander Quick Start" to the <c1:C1Expander> tag to set the header text of the control. The XAML markup appears as follows:
      <c1:C1Expander Height="75" Width="140" Header="Expander Quick Start">
      
    4. Add Background="Aqua" to the <c1:C1Expander> tag to set the background color of the content area. The XAML markup appears follows:
      <c1:C1Expander Height="75" Width="140" Header="Expander Quick Start" Background="Aqua">
      
    5. Add ExpandDirection="Up" to the <c1:C1Expander> tag so that the C1Expander control will expand from the bottom rather than expanding from the top, which is its default. The XAML markup appears as follows:
      <c1:C1Expander Height="75" Width="140" Header="Expander Quick Start" Background="Aqua" ExpandDirection="Up">
      

    In this step, you customized the appearance and behavior of the C1Expander control. In the next step, you will add content to the control.