RadCarousel ControlTemplate in Ellipse (Circular form)

5 posts, 0 answers
  1. Ganesan J
    Ganesan J avatar
    2 posts
    Member since:
    May 2010

    Posted 28 Mar 2012 Link to this post

    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,
  2. Ganesan J
    Ganesan J avatar
    2 posts
    Member since:
    May 2010

    Posted 28 Mar 2012 Link to this post

    Hi,

    Any suggestion or solution for the issue?

    Thanks,
    Ganesan. J
  3. UI for WPF is Visual Studio 2017 Ready
  4. Maya
    Admin
    Maya avatar
    4062 posts

    Posted 28 Mar 2012 Link to this post

    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 >>
  5. Pinaki Basu
    Pinaki Basu avatar
    15 posts
    Member since:
    Aug 2009

    Posted 22 May 2012 Link to this post

    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,



  6. Maya
    Admin
    Maya avatar
    4062 posts

    Posted 23 May 2012 Link to this post

    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 >>

Back to Top
UI for WPF is Visual Studio 2017 Ready