RadCarouselPanel not scroll by clicking item

[Jigna]

Hi,

I have used RadCarouselPanel with Button (Images used in the ex.) control as items as well appllied style to button. The problem is I am not getting scroll effect while clicking on button as demo shows  whereas it shows as Carousel effect on the form.

  <telerik:RadCarouselPanel x:Name="Panel1" VerticalAlignment="Center"
            IsOpacityEnabled="True" IsScalingEnabled="True" IsPathVisible="True"
            PathPadding="50" CanHorizontallyScroll="True" CanVerticallyScroll="True" >
                <Button  Style="{DynamicResource StudyMode}">Menu 1</Button>
                <Button  Style="{DynamicResource StudyMode}">Menu 2</Button>
                <Button  Style="{DynamicResource StudyMode}">Menu 3</Button>
                <Button  Style="{DynamicResource StudyMode}">Menu 4</Button>
                <Button  Style="{DynamicResource StudyMode}">Menu 5</Button>
                <Button  Style="{DynamicResource StudyMode}">Menu 6</Button>
            </telerik:RadCarouselPanel>

I can not understand what is missing. I could not find any method / way to get it work.

Thanks in advance for any help

[Punit]

Hi,

I have the same problem as Jigna has. I also want to scroll by clicking buttons in the carousel panel.
If anybody has any ways to achieve this functionality, please answer it.

Thanks,
 
Punit

[Milan]

Hello Punit,

The Button control handles the mouse/keyboard events and that's why the carousel is not scrolling when you click a button. There is a workaround though - you can handle the click event of your buttons and in the event handler you can manually scroll to the respective carousel item. I have attached a project that demonstrates this approach.
Hope this helps.

Best wishes,
Milan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Punit]

Hello Admin / Telerik team ,

Thanks a lot for answer.

As I have used Rad panel, your example cannot set directly by cut / paste. But your explanation guide me to find my solution.

Thanks.

Punit