Scale the items in proportion to the RadCoverFlow size and fix the number of images you see on each side at a time?

3 posts, 0 answers
  1. Guy
    Guy avatar
    50 posts
    Member since:
    Nov 2008

    Posted 21 Mar 2012 Link to this post


    I want my RadCoverFlow to display the selected image and a maximum of 3 other images on each side at all times. Then, when the RadCoverFlow is resized, I want this setup to be kept by simply scaling the items to fit the RadCoverFlow instead of having it show more images to the sides as it does by default.

    How would I go about doing this?

    Is this something I can achieve or is the RadCoverFlow incapable of offering me this behavior?

    Thank You
  2. Miroslav Nedyalkov
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 27 Mar 2012 Link to this post

    Hi Guy,

    The RadCoverFlow control doesn't support such functionality - it allows you to set the size of the items, the ratio between the focused and the rest of the items and when it has more space it just displays more items.

    Hope this information is helpful.

    Miroslav Nedyalkov
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. Lancelot
    Lancelot avatar
    251 posts
    Member since:
    Jul 2012

    Posted 21 May 2012 Link to this post

    Hi Guy,

    What you can do is create the illusion that there are only three items to each side of the RadCoverFlow. By placing the control inside of a container that has a fixed distance from the sides of the RadCoverFlow control (say for instance, inside a ScrollViewer with scrolling disabled), you can set the margin of the control outside of the viewable window.

    To demonstrate, i've attached a screenshot of this principle in action. I created a scrollviewer with a rectangle inside. I colored the rectangle blue. The blue rectangle is wider than the scrollviewer, as long the scrolling is disabled the user wont be able to see outside of the margins of the scrollviewer. In my screenshot you can see the center of the rectangle, but not the left and right sides outsode of the scrollviewer's edges.

    Although this is not a classy or elegant solution, with a little finesse and margin management, you will be able to keep just three RadCoverFlow items to the left and right of center.
Back to Top