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

Rotater Direction=up doesn't work!

1 Answer 17 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Hamid
Top achievements
Rank 1
Hamid asked on 02 Sep 2012, 06:59 PM
Hi
What's the problem of these codes?
<telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="3000"
        RotatorType="SlideShow" ScrollDirection="Down" Height="190px" ItemHeight="30px"
        Width="178px">
        <Items>
        <telerik:RadRotatorItem>
        <ItemTemplate>
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Assets/Images/main-bg.jpg" />
        </ItemTemplate>
        </telerik:RadRotatorItem>
        <telerik:RadRotatorItem>
        <ItemTemplate>
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Assets/Images/main-bg.jpg" />
        </ItemTemplate>
        </telerik:RadRotatorItem>
        <telerik:RadRotatorItem>
        <ItemTemplate>
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Assets/Images/main-bg.jpg" />
        </ItemTemplate>
        </telerik:RadRotatorItem>
        <telerik:RadRotatorItem>
        <ItemTemplate>
        <asp:Image ID="Image1" runat="server" ImageUrl="~/Assets/Images/main-bg.jpg" />
        </ItemTemplate>
        </telerik:RadRotatorItem>
        </Items>
        <ItemTemplate>
             
        </ItemTemplate>
    </telerik:RadRotator>

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 05 Sep 2012, 03:48 PM
Hello Hamid,

You need to set the ItemWidth property to match the rotator's Width property. If you want the Up direction to work you have to add it to the ScrollDirection property. As a final note - the items cannot fill the viewport of the rotator - they are four, 30px tall each, summing up to 120px, but the rotator is 190px tall. There is no way for this to "rotate", so you should consider reconfiguring the sizes or adding more items. For example:

<telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="3000" RotatorType="SlideShow"
        ScrollDirection="Down, Up"  Height="180px" ItemHeight="60px" ItemWidth="178px" Width="178px">
        <Items>

I also advise that you examine the following help article that explains how to configure a RadRotator: http://www.telerik.com/help/aspnet-ajax/rotator-configuration.html.


All the best,
Marin Bratanov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Rotator
Asked by
Hamid
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or