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

RadCarousel ControlTemplate in Ellipse (Circular form)

4 Answers 80 Views
Carousel
This is a migrated thread and some comments may be shown as answers.
Ganesan J
Top achievements
Rank 1
Ganesan J asked on 28 Mar 2012, 10:08 AM
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,

4 Answers, 1 is accepted

Sort by
0
Ganesan J
Top achievements
Rank 1
answered on 28 Mar 2012, 12:48 PM
Hi,

Any suggestion or solution for the issue?

Thanks,
Ganesan. J
0
Maya
Telerik team
answered on 28 Mar 2012, 01:32 PM
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
Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
0
Pinaki Basu
Top achievements
Rank 1
answered on 22 May 2012, 01:46 PM
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,



0
Maya
Telerik team
answered on 23 May 2012, 12:33 PM
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

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Tags
Carousel
Asked by
Ganesan J
Top achievements
Rank 1
Answers by
Ganesan J
Top achievements
Rank 1
Maya
Telerik team
Pinaki Basu
Top achievements
Rank 1
Share this question
or