RadCarousel ControlTemplate in Ellipse (Circular form)

[Ganesan J]

Hi,

We are using the RadCarousel in our project and have the requirement to display the ControlTemplate into the Ellipse shape.
Please refer the attached screenshot for better understanding.

I need to know is it possible to do in Ellipse form? If so, please provide me the way to do that and will be appreciated if you could provide me the sample application which has the solution.

Thanks,

[Ganesan J]

Hi,

Any suggestion or solution for the issue?

Thanks,
Ganesan. J

[Maya]

Hello Ganesan,

Generally, you can create your own path as illustrated in our demos (CarouselPanel Path Padding). You will need to set IsContinuous property of RadCarouselPanel in this case as well (you can test the continuous behavior of the carousel panel in RadCarouselPanel example).

Kind regards,
Maya
the Telerik team

[Pinaki Basu]

Hi,

I've been trying the same but no luck.

I've tried using Path ellipsegeometry as well no luck.

Basically what i need to do is "required.png" but i'm stuck with "circle.png".

<Grid ClipToBounds="True">
        <telerik:RadCarousel Name="RadCarousel1">
            <telerik:RadCarousel.ItemsPanel>
                <ItemsPanelTemplate>
                    <telerik:RadCarouselPanel x:Name="Panel" IsPathVisible="True" IsContinuous="True" ItemsPerPage="4" Margin="50,100,12,100" Width="488" PathPadding="50,50" TopItemPathFraction="0.66" MouseDown="Panel_MouseDown">
                        <telerik:RadCarouselPanel.Path>
                            <Path Stroke="Aqua" StrokeThickness="1" Data="M 195,125 A 150,150 45 1 0 200,125"></Path>
                        </telerik:RadCarouselPanel.Path>
                        <telerik:RadCarouselPanel.ScaleStops>
                            <telerik:PathStopCollection>
                                <telerik:PathStop PathFraction="0.0" Value="0.75" />
                                <telerik:PathStop PathFraction="0.66" Value="1.00" />
                                <telerik:PathStop PathFraction="1.0" Value="0.75" />
                            </telerik:PathStopCollection>
                        </telerik:RadCarouselPanel.ScaleStops>
                    </telerik:RadCarouselPanel>
                </ItemsPanelTemplate>
            </telerik:RadCarousel.ItemsPanel>
            <Image Source="/WPF_DM_Controls;component/Images/nature1.jpg" Width="100" Height="100" />
            <Image Source="/WPF_DM_Controls;component/Images/nature2.jpg" Width="100" Height="100" />
            <Image Source="/WPF_DM_Controls;component/Images/nature3.jpg" Width="100" Height="100" />
            <Image Source="/WPF_DM_Controls;component/Images/nature4.jpg" Width="100" Height="100" />
        </telerik:RadCarousel>

Please give me a solution.

Thanks,

[Maya]

Hello Ganesan,

Could you try setting ItemsPerPage property to '5' for example ? Is that the view you want to get ?  

Greetings,
Maya
the Telerik team