Changing Size of Selected Carousel Items

2 posts, 0 answers
  1. Marc
    Marc avatar
    21 posts
    Member since:
    Dec 2008

    Posted 23 Dec 2008 Link to this post

    Need to be pointed in the right direction.

    I have a coursel with a simple oval path.  The selected item moves to the bottom/center of the oval, except the non-selected items are bigger than the selected item.  I would like to have the selected item become the bigger item, with the non-selected items smaller. 

    How do I reverse this?  Appreciate any help.

    Controls are awsome.
  2. Deyan
    Deyan avatar
    2026 posts

    Posted 29 Dec 2008 Link to this post

    Hello Marc,

    Thank you for your question.

    In order to simulate a 3D environment while rotating its items, the RadCarousel performs some calculations which are also based on your preferences. It consists of specifying the Z coordinate of each path point and ZScale value of the specified path. In other words, when you want your items to be scaled down when they are on the rear side (smaller Z) of the Carousel, you will have to specify the scale amount which is to be applied. There is a sample project in our Code Library which implements this behavior:

    Take a look at the CarouselPath property of the RadCarousel (and more precisely its ZScale sub-property). This value specifies how the item is scaled according to its position on the path. By adjusting this value you can set a different size of the foremost items in the Carousel. In this way you can also adjust the size of your items, so that they become bigger when they are selected, and smaller when they are not active.

    I hope this helps.

    All the best,
    Author Deyan
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. DevCraft R3 2016 release webinar banner
Back to Top