Make RadCarouselPanel Path straight

[Bob]

just wondering if its possible to modify the path to straight line? is there a way to edit the path?

[Milan]

Hello Bob,

You can use a path of your choosing - you just have to create the path by hand or with the help of Blend. For example:

<Window.Resources>
    <Path
      x:Key="horizontalPath"
      Stretch="Fill"
      Opacity="1"
      Data="M 9,200 C9,200 450,200 450,200 "
      Stroke="#FFB4B4B4"
      StrokeThickness="1"/>
</Window.Resources>
<Grid>
    <telerik:RadCarousel Name="RadCarousel1" Loaded="RadCarousel1_Loaded">
        <telerik:RadCarousel.ItemsPanel>
            <ItemsPanelTemplate>
                <telerik:RadCarouselPanel Path="{StaticResource horizontalPath}"/>
            </ItemsPanelTemplate>
        </telerik:RadCarousel.ItemsPanel>
    </telerik:RadCarousel>
</Grid>

Best wishes,
Milan
the Telerik team

[Bob]

hey thanks, that's what we needed!

[KOGAN]

It would be very nice to know how can I create straight path for Winforms radCarousel, similar to the path (and zoom effect) that is found in Demo application called "Music Library Demo"

[Yordanka]

Hello Kogan,

Please check Carousel Path help topic. If you have any additional questions please open a support ticket for RadCarousel for WinForms product.

Regards,
Yordanka
Telerik

 

 

[Shameel]

Hi Milan,

Whenever i used your Path code, the Flow Direction of item is changed(I mean changed RTL to LTR). I want to implement this with both English and Arabic.

Any Suggestions?

 

[Dilyan Traykov]

Hello Shameel,

You can either specify a FlowDirection for the RadCarouselPanel or change the orientation of the path like this:

Data="M 450,200 C450,200 9,200 9,200"

Let me know if this solves your issue.

Regards,
Dilyan Traykov
Telerik

[Shameel]

Hi Dilyan Traykov,

Currently i solved my issue using the below code for Path Property, The code is...
    <Path x:Key="horizontalPath" Stretch="Fill">
                        <Path.Data>
                            <LineGeometry StartPoint="300,200" EndPoint="20,200" />
                        </Path.Data>
                    </Path>

I will try to implement your code also..