New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

RadTicker and TickerLine








This example demonstrates how you can use RadTicker by itself. You can feed different lines to the control's items collection and they will be displayed on the screen one character at a time.

  • DefaultCS.aspx
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="Styles.css" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container no-bg">
        <div class="top">
            <img src="images/topLeft.gif" height="14" width="20" alt="" /><img src="images/topCenter.gif"
                height="14" width="524" alt="" /><img src="images/topRight.gif" height="14" width="20"
                    alt="" /></div>
        <div class="middleLeft">
            <img src="images/middleLeft.gif" height="27" width="20" alt="" /></div>
        <div class="middleCenter">
            <div class="tickerLines">
                <telerik:RadTicker AutoStart="true" runat="server" ID="Radticker1" Loop="true">
                    <Items>
                        <telerik:RadTickerItem>TURKEY: Stocks go up after a surge in investor confidence.</telerik:RadTickerItem>
                        <telerik:RadTickerItem>ROMANIA: Privatization drives the stock market this week.</telerik:RadTickerItem>
                        <telerik:RadTickerItem>BULGARIA: Government plans for a new wave of privatization.</telerik:RadTickerItem>
                    </Items>
                </telerik:RadTicker>
            </div>
        </div>
        <div class="middleRight">
            <img src="images/middleRight.gif" height="27" width="20" alt="" /></div><br />
        <img src="images/bottom.gif" width="564" height="16" alt="" class="imgBottom" />
        <br />
        <br />
        <div class="top">
            <img src="images/topLeft.gif" height="14" width="20" alt="" /><img src="images/topCenter.gif"
                height="14" width="524" alt="" /><img src="images/topRight.gif" height="14" width="20"
                    alt="" /></div>
        <div class="middleLeft">
            <img src="images/middleLeft.gif" height="27" width="20" alt="" /></div>
        <div class="middleCenter">
            <div class="tickerLines">
                <telerik:RadTicker AutoStart="true" runat="server" ID="Radticker2" Loop="true">
                    <Items>
                        <telerik:RadTickerItem>Turquie: Les actions remontent après une montée subite dans la confiances des investisseurs.</telerik:RadTickerItem>
                        <telerik:RadTickerItem>Roumanie: La privatisation conduisent le marché boursier cette semaine.</telerik:RadTickerItem>
                        <telerik:RadTickerItem>Bulgarie: Le gouvernement planifie une nouvelle vague de privatisations.</telerik:RadTickerItem>
                    </Items>
                </telerik:RadTicker>
            </div>
        </div>
        <div class="middleRight">
            <img src="images/middleRight.gif" height="27" width="20" alt="" /></div><br />
        <img src="images/bottom.gif" width="564" height="16" alt="" class="imgBottom" />
        <br />
        <br />
        <div class="top">
            <img src="images/topLeft.gif" height="14" width="20" alt="" /><img src="images/topCenter.gif"
                height="14" width="524" alt="" /><img src="images/topRight.gif" height="14" width="20"
                    alt="" /></div>
        <div class="middleLeft">
            <img src="images/middleLeft.gif" height="27" width="20" alt="" /></div>
        <div class="middleCenter">
            <div class="tickerLines">
                <telerik:RadTicker AutoStart="true" runat="server" ID="Radticker3" Loop="true">
                    <Items>
                        <telerik:RadTickerItem>TÜRKEI: Aktien steigen nach einer Welle des Investorenvertrauens</telerik:RadTickerItem>
                        <telerik:RadTickerItem>RUMÄNIEN: Privatisierung bestimmt diese Woche den Aktienmarkt</telerik:RadTickerItem>
                        <telerik:RadTickerItem>BULGARIEN: Regierung plant eine neue Welle der Privatisierung</telerik:RadTickerItem>
                    </Items>
                </telerik:RadTicker>
            </div>
        </div>
        <div class="middleRight">
            <img src="images/middleRight.gif" height="27" width="20" alt="" /></div><br />
        <img src="images/bottom.gif" width="564" height="16" alt="" class="imgBottom" />
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance