Strange Glitch when the number of items in the Carousel is less than the visible item count

[Pete]

Hi,

I seem to be getting a wierd glitch in the display when using a small number of items in the Carousel.

If I have 6 items in the list and I set the number of items to display to 5 it works as expected.

However, there is room to show all 6 items so I want to set the the VisibleItemCount to 6 so all the images are visible.

This causes the Carousel to have a stange effect at the ends of the path. One end often ends up with a blank space (so that only five images are showing, the 6th one has somehow gotten 'stuck behind'. In addition, the other end of the Carousel seems to drop an image with an flicker when changing the selected item.

I have a simple code example for this behaviour:

Demo Code (Zip File)

Is there a fix for this issue - or a known workaround?

This may be related to Bert's issue with small numbers of items not displaying in a sensible manner (I get that too).

Forum Thread

I'd like to be able to use the Carousel to show user entered items - but this breaks down when there are only a few items -it's fine once the user has added enough that the Carousel can't show them all at once - but while there are only a few in the list there seem to be a few odd behaivours going on....

There's another interesting effect that happens when there are only two items in the list. Clicking either of the arrows moves the second item to cover the first. Clicking again moves it back to the other side of the path. I can see how this is behaving consistently with the coverflow style design, but it looks strange with only two items. (Which is bound to happen as soon as you start letting users add their own content - because it'll start empty).

Is there any way to make a simple image list look like a Carousel (i.e. get all the reflections and things). I was thinking that one workaround would be to use a simple image list for the items and then swap out the list control for a Carousel when the number of items gets high enough? (The trouble with this in my initial tests was that it's hard to make the look and feel consistent - it suddenly "jumps" from a simple looking list into being a fancy dynamic control - which is jarring)

Alternativly is there a way to get more direct control of the elements in the Carousel, so you can manually position them when there are only a few?

I'm pretty new with these controls so any hints would be welcome :)

[Peter]

Hi Pete,

Thank you for writing and for the provided project.

For the first carousel instance I suppose that RadCarousel cannot handle correctly the border cases where the space for the elements is close to the sum of the elements sizes. Please also note that Carousel Path is 3-dimensional and this may require additional space for the elements with higher Z index. I cannot propose a workaround for this.

I can confirm that the second issue is similar and related to this PITS item, where you can add your vote for it. For the time being, I am not able to provide you with a valid work around for this issue. We have added points to your account for the issue report. Do not hesitate to contact us if you have other questions.

Best wishes,
Peter
the Telerik team