RadTicker - Telerik ASP.NET Ticker

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

About RadTicker for ASP.NET AJAX

When in need of a control that displays text by outputting only a single character of the text per given interval, thus simulating a "typewriter" effect on the screen, RadTicker is the right choice for your scenario. You can put multiple lines of text in it, which will make the ticker continue displaying text but on the next line when the end of the current one is reached.

RadTicker and 90+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

Key Features

  • AutoStart - specifies whether the ticker begins ticking automatically or it will be started client-side.
  • AutoAdvance - Specifies whether the ticker will begin ticking the next line after it has finished ticking the current one.
  • Loop - Specifies the ticker will repeat the first line after displaying the last one.
  • TickSpeed - Specifies the duration in milliseconds between ticking each character of a tickerline.
  • LineDuration - Specifies in milliseconds the pause RadTicker makes before starting to tick the next line.
  • Databinding - the ticker control supports databinding to literal content.
  • DefaultCS.aspx
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true"  %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ 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 href="styles.css" rel="stylesheet" type="text/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="scrollContainer">
            <telerik:RadTicker AutoStart="true" runat="server" ID="Radticker1" Loop="true">
                <Items>
                    <telerik:RadTickerItem>Monday: DJ Kick, 9pm - 5am</telerik:RadTickerItem>
                    <telerik:RadTickerItem>Tuesday: House Party, 10pm - 5am</telerik:RadTickerItem>
                    <telerik:RadTickerItem>Wednesday: Oldies Goldies Night, 10pm - 5am</telerik:RadTickerItem>
                    <telerik:RadTickerItem>Thursday: The Blue Jazzman (live), 10pm - 1am</telerik:RadTickerItem>
                    <telerik:RadTickerItem>Friday: Friday Rock Night, 10pm - 5am</telerik:RadTickerItem>
                    <telerik:RadTickerItem>Saturday: Chillout, 10pm - 5am</telerik:RadTickerItem>
                    <telerik:RadTickerItem>Sunday: [closed]</telerik:RadTickerItem>
                </Items>
            </telerik:RadTicker>
        </div>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?