Space between Main picture and cover flows

2 posts, 0 answers
  1. James Shelton-Agar
    James Shelton-Agar avatar
    108 posts
    Member since:
    May 2008

    Posted 10 Mar 2009 Link to this post

    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
  2. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 11 Mar 2009 Link to this post

    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.
  3. DevCraft banner
Back to Top