Carousel customization

6 posts, 0 answers
  1. Ariel Ben Horesh
    Ariel Ben Horesh avatar
    22 posts
    Member since:
    Dec 2009

    Posted 15 Sep 2011 Link to this post

    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
  2. Maya
    Admin
    Maya avatar
    4062 posts

    Posted 17 Sep 2011 Link to this post

    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 >>

  3. UI for WPF is Visual Studio 2017 Ready
  4. Ariel Ben Horesh
    Ariel Ben Horesh avatar
    22 posts
    Member since:
    Dec 2009

    Posted 19 Sep 2011 Link to this post

    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
  5. Maya
    Admin
    Maya avatar
    4062 posts

    Posted 19 Sep 2011 Link to this post

    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 >>

  6. Ariel Ben Horesh
    Ariel Ben Horesh avatar
    22 posts
    Member since:
    Dec 2009

    Posted 19 Sep 2011 Link to this post

    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

  7. Maya
    Admin
    Maya avatar
    4062 posts

    Posted 20 Sep 2011 Link to this post

    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 >>

Back to Top
UI for WPF is Visual Studio 2017 Ready