This is a migrated thread and some comments may be shown as answers.

Carousel customization

5 Answers 103 Views
Carousel
This is a migrated thread and some comments may be shown as answers.
Ariel Ben Horesh
Top achievements
Rank 1
Ariel Ben Horesh asked on 15 Sep 2011, 02:05 PM
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

5 Answers, 1 is accepted

Sort by
0
Maya
Telerik team
answered on 17 Sep 2011, 01:15 PM
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 >>

0
Ariel Ben Horesh
Top achievements
Rank 1
answered on 19 Sep 2011, 08:17 AM
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
0
Maya
Telerik team
answered on 19 Sep 2011, 08:27 AM
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 >>

0
Ariel Ben Horesh
Top achievements
Rank 1
answered on 19 Sep 2011, 08:54 AM
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

0
Maya
Telerik team
answered on 20 Sep 2011, 11:53 AM
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 >>

Tags
Carousel
Asked by
Ariel Ben Horesh
Top achievements
Rank 1
Answers by
Maya
Telerik team
Ariel Ben Horesh
Top achievements
Rank 1
Share this question
or