Space between Main picture and cover flows

[James Shelton Agar]

Hi there. Coverflow works great for me. However, as an client requested that whether if we can leave a space margin between main picture and other flows. as org quotes " just move the other photos away from the main one so there is a gap and people can easily see where the main photo start & end"

thanks

[Miroslav Nedyalkov]

Hi James Shelton Agar,

If I understand you correctly, you can achieve your goal by changing the ItemsPanelTemplate. The following is an example of CoverFlow control with more space between the items:

        <navigation:RadCoverFlow ItemMaxHeight="200" x:Name="coverFlow" DisplayMemberPath="Image">
            <navigation:RadCoverFlow.ItemsPanel>
                <ItemsPanelTemplate>
                    <navigation:AutoCenterPanel x:Name="Container">
                        <navigation:AutoCenterPanel.ArrangeStrategy>
                            <navigation:PositionsBasedArrangeStrategy>
                                <navigation:PositionsBasedArrangeStrategy.PositionDefinitions>
                                    <navigation:RelativeWidthPositionDefinition
                                            PositionRelativeWidth="1.6" />
                                    <navigation:RelativeWidthPositionDefinition
                                            PositionRelativeWidth="0.2" />
                                </navigation:PositionsBasedArrangeStrategy.PositionDefinitions>
                            </navigation:PositionsBasedArrangeStrategy>
                        </navigation:AutoCenterPanel.ArrangeStrategy>
                        <navigation:AutoCenterPanel.SlideAnimation>
                            <Storyboard Storyboard.TargetName="Container"
                                    Storyboard.TargetProperty="SlideProgress">
                                <DoubleAnimation Duration="0:0:0.300" To="100" />
                            </Storyboard>
                        </navigation:AutoCenterPanel.SlideAnimation>
                    </navigation:AutoCenterPanel>
                </ItemsPanelTemplate>
            </navigation:RadCoverFlow.ItemsPanel>
        </navigation:RadCoverFlow>

Hope this helps.

Regards,
Miroslav Nedyalkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.