Extended Library for WPF and Silverlight | ComponentOne
CoverFlow (Silverlight Only) / CoverFlow for Silverlight Task-Based Help / Setting the Distance Between the Selected Item and Side Items
In This Topic
    Setting the Distance Between the Selected Item and Side Items
    In This Topic

    The SelectedItemDistance property sets the distance between the selected item, which appears in the center of the control, and the items that are on either side of it (for more information, see the Selected Item Distance topic). In this topic, you will set the SelectedItemDistance property to 0.4 so that the distance between the selected item and its side items is 4/10ths the size of the selected item.

    In Blend

    Complete the following steps:

    1. Select the C1CoverFlow control.
    2. In the Properties panel, set the SelectedItemDistance property to “0.4”.

    In XAML

    Add SelectedItemDistance=”0.4” to the <c1ext:C1CoverFlow> tag so that the markup resembles the following:

    XAML
    Copy Code
    <c1ext:C1CoverFlow Margin="0,0,87,233" SelectedItemDistance=”0.4”>
    

     

    In Code

    Complete the following steps:

    1. In XAML view, add “x:Name=”C1CoverFlow” to the <c1ext:C1CoverFlow> tag so that the control will have a unique identifier for you to call in code.
    2. Add the following code beneath the InitializeComponent method:

    Visual Basic
    Copy Code
    C1CoverFlow1.SelectedItemDistance = 0.4
    
         
    C#
    Copy Code
    C1CoverFlow1.SelectedItemDistance = 0.4;
    

     

    1. Run the program.

     This Topic Illustrates the Following:

    The following image demonstrates a C1CoverFlow control with its SelectedItemDistance property set to 0.4.