Vertical Scrolling Text Using Ticker or Rotator

2 posts, 0 answers
  1. Silver
    Silver avatar
    25 posts
    Member since:
    Feb 2012

    Posted 30 May 2012 Link to this post

    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
    }
     
     
    }
  2. Slav
    Admin
    Slav avatar
    1355 posts

    Posted 04 Jun 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top