Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / WPF > Carousel > Carousel customization

Not answered Carousel customization

Feed from this thread
  • Ariel Ben Horesh avatar

    Posted on Sep 15, 2011 (permalink)

    Hey,

    I need to customize how theCarousel animate its' items and how it's placing them.
    The default behavior looks like this (Bold is the selected item, usually it looks different):

    item1, item2, item3, item4, item5.

    when you scroll left it looks like this:

    item0, item1, item2, item3, item4, 

    I need the carousel to behave like this:

    item1, item2, item3, item4, item5.

    when you scroll left it looks like this:

    item1, item2, item3, item4

    I hope it is clearn enough.

    Ariel

    Reply

  • Maya Maya admin's avatar

    Posted on Sep 17, 2011 (permalink)

    Hi Ariel Ben Horesh,

    Generally, if you want to predefine the default behavior of scrolling, you may either change the actions of the scroll buttons (you may take a look at our online documentation for a reference) or handle ScrollChanged event of the ScrollViewer:

    <telerik:RadCarouselScrollViewer.ScrollChanged="RadCarousel_ScrollChanged"/>

    Considering your specific case, I am not quite sure what is the exact behavior that you want to achieve. Do you want to remove the last item from the view and change the number of items per page ?  

    All the best,
    Maya
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

    Reply

  • Ariel Ben Horesh avatar

    Posted on Sep 19, 2011 (permalink)

    Hey Maya,
    Thanks for the reply.
    I'll try a different approach to explain my needs.
    Basically what I would like to achieve is similar to a deck of cards. You can see only the top card visible.
    When you scroll past the last card, you get the first card so it's like a circular list.
    When a card is scrolled, I need a nice animation to move it around and display the next card in line.

    Is that more clear?

    Ariel

    Reply

  • Maya Maya admin's avatar

    Posted on Sep 19, 2011 (permalink)

    Hello Ariel Ben Horesh,

    Generally, if you want only a single item to be displayed, you may set ItemsPerPage property of RadCarouselPanel to "1". Considering the continuous scrolling (from the last item to the first one directly), this functionality is not yet supported by RadCarousel. However, our intentions are to implement it in our Q3 2011 release.
     

    Kind regards,
    Maya
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

    Reply

  • Ariel Ben Horesh avatar

    Posted on Sep 19, 2011 (permalink)

    Hey Maya,
    I stand corrected!
    I had a mistake in my description and I apologize for that.

    I need to implement something like a Card Deck.
    If for example ItemsPerPage = 6, I will see 5 cards (visible, that was my mistake, sorry) but each card has such a perspective, that it looks like play cards spread a bit on top of each other, and we have the top most card.
    when we scroll the top most card changes.
    Is that make sense to you?

    Ariel

    Reply

  • Maya Maya admin's avatar

    Posted on Sep 20, 2011 (permalink)

    Hello Ariel Ben Horesh,

    Please take a look at our example - Top Element Path Fraction. I believe you may follow the idea illustrated there and change the path fraction of the top element so that the item you want to be frontmost.
     

    Kind regards,
    Maya
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

    Reply

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / WPF > Carousel > Carousel customization
Related resources for "Carousel customization"

WPF Carousel Features  |  Documentation  |  Demos  |  Telerik TV  |  Self-Paced Trainer  ]