Ticker - RadTicker and TickerLine








Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

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 PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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

Help Us Improve

Was this example helpful?