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

Vertical Scrolling Text Using Ticker or Rotator

1 Answer 123 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Silver
Top achievements
Rank 1
Silver asked on 30 May 2012, 09:00 PM
How do I implement vertical scrolling text using ticker or rotator? I want to load each line item one by one on a button click.


for (i=0; i<=5; i++){
 
 
if (i==1){
Show Line 1
}else if(i==2){
Show Line 2
}
 
 
}

1 Answer, 1 is accepted

Sort by
0
Slav
Telerik team
answered on 04 Jun 2012, 05:15 PM
Hello,

You can achieve this by setting the RotatorType property of RadRotator to Buttons and ScrollDirection to Up,Down, as shown below:
<telerik:RadRotator runat="server" ID="RadRotator1" Width="100px" Height="60px" ItemHeight="20px"
    ItemWidth="100px" RotatorType="Buttons" ScrollDirection="Up,Down">
    <Items>
        <telerik:RadRotatorItem>
            <ItemTemplate>
                Line 1
            </ItemTemplate>
        </telerik:RadRotatorItem>
        <telerik:RadRotatorItem>
            <ItemTemplate>
                Line 2
            </ItemTemplate>
        </telerik:RadRotatorItem>
        <telerik:RadRotatorItem>
            <ItemTemplate>
                Line 3
            </ItemTemplate>
        </telerik:RadRotatorItem>
        <telerik:RadRotatorItem>
            <ItemTemplate>
                Line 4
            </ItemTemplate>
        </telerik:RadRotatorItem>
    </Items>
</telerik:RadRotator>

The help article How to configure RadRotator will be useful for properly setting the size of the rotator control and its items.

All the best,
Slav
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
Silver
Top achievements
Rank 1
Answers by
Slav
Telerik team
Share this question
or