Carousel Completely Hiding 1 of 2 Items

[Paul Parkins]

Hi,

I am using Carousel 31.1.23 in my WPF application.  I am struggling with my own custom path in that when there are only 2 items, it only shows 1 until your swipe to the 2nd item.  I have decided to give up on my custom path and instead try to replicate path you use in your own "Succinctly Series" demo.

However I find that this too struggles to show correctly when there are only 2 items. The selected item, completely obscures the other item. This makes it look like there is nothing to rotate to, but there is.   It is pretty similar when there are 4 items, in that the 1st obscures the 3rd, but the effect of this is copeable as the user sees items 2 and 4, and so might scroll and get to see that 3rd item.

Are you able to suggest some tweek I can make so that when there are only 2 items, both are visible? Ideally, they'd be pretty much side by side (though of course one needs to look selectd). I am prepared to make a property change in code to cope with special conditions such as this. 

Thanks

Paul

[Karthick Arjunan]

Hi Paul Parkins,

Based on the information you provided, we tested the Carousel control using two items with a CustomPath. But we were not able to reproduce the reported issue.

To assist further, we have attached a sample and demo video that show both items rendering correctly on the custom path.

If we misunderstood your query, could you please share the following details? It will help us to provide a better solution asap.

• Code snippets that you have used for Carousel. 
• Please provide more details about your requirement with a screenshot or video.
• If possible, please share a modified sample to replicate the issue.

Regards,
Karthick Arjunan

Attachment: CarouselDemo_641a79aa.zip

[Paul Parkins]

Hi.

Thanks for trying, and the sample. What I meant was that I took your "Succinctly Series" solution from wpf-demos-master, reduced it to have only 2 items, and the built and ran it. This demonstrates the issue I described completey.  I have attached this as a project

Paul

Attachment: succinctly_series_607d5e9c.zip

[Karthick Arjunan]

Hi Paul Parkins, 

We reviewed the “Succinctly Series” demo with only two items and able to reproduce the reported scenario, where the selected item completely obscures the second one. This occurs because the Carousel’s scaling behavior makes the unselected item too small and positions it behind the selected item’s visual footprint.

Adjusting the ScaleFraction value resolves this issue setting it appropriately (for example, 0.5 or 0.4), or you can disable scaling entirely using ScalingEnabled=False, which ensures that both items stay visible and positioned properly in the layout.

We have updated the sample accordingly, and with this change both items render correctly without overlapping. Please check the attachment and let us know your concerns.

Regards,
Karthick Arjunan

Attachment: succinctly_series_607d5e9c11_cf865651.zip

[Paul Parkins]

Thanks for the sample. I gave this a try but it wasn't really what I was looking for, and instead decided that if I have less than 3 items, I should use a linear custom path instead.

I did try implementing this but got a horrid crash when I try to switch the visual mode at runtime (Carousel's OnLoaded event handler). I have every intention of creating a sample application to demonstrate this in case it is a bug, but so far I've not had the time. 

Paul 

[Karthick Arjunan]

Hi Paul Parkins, 

Based on the provided information, we modified the previously provided sample so that the Carousel initially loads with five items and renders properly in the standard visual mode at load time; when items are removed at runtime and the item count drops below three, the VisualMode is switched to a linear custom path. With this implementation, we were unable to reproduce the crash, and the Carousel renders and switches visual modes correctly during runtime in our testing.

We have attached the modified sample application and a demo video for your reference. Please check the attachements and let us know your concern.

Regards,

Karthick Arjunan

Attachment: CarouselDemo_e50958ee.zip

[Paul Parkins]

Hi,

Firstly my apologies for taking so long to respond to your last reply.

I have circumvented my problems by using a ListBox instead of a Syncfusion Carousel when the number of items is 3 or less. Our conclusions are that the Carousel is not ideal for showing only a few items.  I have already spent far too long trying to get it to work as I wanted.

I also believe there are still an underlying issues with the Carousel, which can be demonstrated by the last demo you provided, without requiring any changes.

If you watch the attached video of your demo, it does initially seem to be behaving.  When the collection is repopulated, I would have expected it to have restored the full carousel view, which is doesn't, but is an easy thing to address.  But if you keep watching, after re-populating, after on or two items more are claim, all of a sudden all items disappear from view. Additional when the collection is re-populated again, no items are visible, until I claim an invisible item.

If you recall, my original issue reported in this thread, was that I was having issues with item visibility and on of two not being visible until I rotated the carousel.

So like I say, we have given up using the Carousel for a low number of item, in order to avoid such issues. Therefore I don't need this support thread to continue, but as believe I have demonstrate (with your sample) there may be some robustness you could yet improve on.

Thanks. Regards

Paul

Attachment: Carousel_Demo_Video_20260306_153626_8d2ebb95.zip