Rotator - Live Scores

  • Uruguay 2:1 Korea Republic
  • USA 1:2 Ghana
  • Germany 4:1 England
  • Argentina 3:1 Mexico
  • Netherlands 2:1 Slovakia
  • Brazil 3:0 Chile
  • Paraguay 5:3 Japan
  • Spain 1:0 Portugal
  • Netherlands 2:1 Brazil
  • Uruguay 4:2 Ghana
  • Argentina 0:4 Germany
  • Paraguay 0:1 Spain
  • Uruguay 2:3 Netherlands
  • Germany 0:1 Spain
  • Uruguay 2:3 Germany
  • Netherlands 0:1 Spain
    
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

There are many ways you can use RadRotator to display information on your website. Consider this example with reporting live sports scores.

  • DefaultCS.aspx
  • styles.css
  • livescores.xml
<%@ 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 size-narrow">
        <div class="lsContainer">
            <div class="lsTop">
            </div>
            <div class="main">
                <telerik:RadRotator RenderMode="Lightweight" ID="RadRotator1" runat="server" Skin="Silk" DataSourceID="xmlDataSource1"
                    FrameDuration="1" Height="120px" ItemHeight="20" Width="324px" ItemWidth="324"
                    ScrollDuration="1000" ScrollDirection="Up">
                    <ItemTemplate>
                        <div class="results">
                            <table class="rTable">
                                <tr>
                                    <td class="leftCell">
                                        <%# XPath("Team1") %>
                                    </td>
                                    <td align="center" class="bold">
                                        <%# XPath("Score") %>
                                    </td>
                                    <td class="rightCell">
                                        <%# XPath("Team2") %>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </ItemTemplate>
                </telerik:RadRotator>
            </div>
            <div class="lsBottom">
            </div>
        </div>
    </div>
    <asp:XmlDataSource ID="xmlDataSource1" runat="server" DataFile="livescores.xml">
    </asp:XmlDataSource>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?