Rotator - Live XML

Data streamed live from http://feeds.feedburner.com/Telerik
  • 01:30
    Wed, Dec 7, 2016
    Working with RESTful Data in Angular 2 and NativeScript
  • 09:44
    Tue, Dec 6, 2016
    Meet Brad Martin, Developer Expert for NativeScript
  • 08:16
    Fri, Dec 2, 2016
    Announcing a Week of ASP.NET Core
  • 05:50
    Fri, Dec 2, 2016
    My 360 Degree Guide to ASP.NET Core—The Webinar Recap
  • 05:13
    Wed, Nov 30, 2016
    Fiddler End of Support for .NET 3.5
  • 01:00
    Tue, Nov 29, 2016
    How We Test Software: Chapter Four—Telerik Developer Tools
  • 05:36
    Wed, Nov 23, 2016
    Telerik Platform Webinar Recap—Support for Angular 2
  • 11:15
    Tue, Nov 22, 2016
    ngMigrate Helps You Move from AngularJS 1.x to Angular 2
  • 07:48
    Mon, Nov 21, 2016
    How We Test Software: Chapter Three Part III—Telerik Websites Division
  • 04:36
    Fri, Nov 18, 2016
    Introducing Tara Manicsic, Developer Advocate for Kendo UI
  • 09:47
    Wed, Nov 16, 2016
    Using UI for Xamarin in Visual Studio for Mac
  • 04:10
    Wed, Nov 16, 2016
    Telerik UI and Visual Studio 2017 RC: Let’s Code
  • 04:05
    Wed, Nov 16, 2016
    Visual Studio 2017 Support in AppBuilder
  • 04:51
    Mon, Nov 14, 2016
    Getting Started with RadSideDrawer for Xamarin Forms
  • 05:09
    Fri, Nov 11, 2016
    Web Stack Tools to Prepare You for the SharePoint Future
  • 02:48
    Thu, Nov 10, 2016
    Meet Josh Sommer, Developer Expert for NativeScript
  • 01:00
    Wed, Nov 9, 2016
    Create Beautiful Reports Styled to Your Needs
  • 07:22
    Mon, Nov 7, 2016
    Cooking with ASP.NET Core and Angular 2
  • 04:51
    Mon, Nov 7, 2016
    Questions on Tech with Todd Motto at Angular Connect 2016
  • 02:04
    Fri, Nov 4, 2016
    Roll, Strike and Celebrate at Progress Bowling Event During MVP Summit
  • 01:35
    Thu, Nov 3, 2016
    Bring Your Reports In-House and Slash Development Time
  • 02:44
    Wed, Nov 2, 2016
    Using Kendo UI in SharePoint Online—The “How To” Series
  • 06:00
    Tue, Nov 1, 2016
    Lots of Fixes and a New Theme in Reporting R3 2016 SP1
  • 04:24
    Mon, Oct 31, 2016
    Deep Dive into Telerik Platform Support for Angular 2
  • 06:21
    Fri, Oct 28, 2016
    DevCraft R3 2016 Webinar Wrap-Up
    
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadRotator has support for live XML feeds.

You can make use of this feature very easily - all you need to do is use a XmlDataSource source and set it to the URL of the live feed. Finally, you might need to set the XmlDataSource's XPath span.__group0.This way you could easily deliver public news to your site using your own formatting and styling.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page AutoEventWireup="true" Inherits="Telerik.Web.Examples.Rotator.Functionality.LiveXML.DefaultCS"CodeFile="DefaultCS.aspx.cs" Language="C#"  %>

<!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="backElement">
            <div class="titleText">
                Data streamed live from <a href="http://feeds.feedburner.com/Telerik">http://feeds.feedburner.com/Telerik</a><br />
            </div>
            <telerik:RadRotator RenderMode="Lightweight" ID="RadRotator1" Skin="Silk" RotatorType="AutomaticAdvance" ScrollDirection="Up"
                ScrollDuration="2000" runat="server" Width="493"
                ItemWidth="493" Height="192" ItemHeight="64" FrameDuration="1" InitialItemIndex="-1"
                CssClass="rotator">
                <ItemTemplate>
                    <div class="itemTemplate" style="background-image: url('images/<%# this.GetDayOfWeek(XPath("be:published", NamespaceManager).ToString()) %>.png');">
                        <div class="dateTime">
                            <div class="time">
                                <%# (this.GetTimeOnly(XPath("be:published", NamespaceManager).ToString())) %>
                            </div>
                            <div class="date">
                                <%# (this.GetDateOnly(XPath("be:published", NamespaceManager).ToString()))%>
                            </div>
                        </div>
                        <div class="title">
                            <span>
                                <%# System.Web.HttpUtility.HtmlEncode(XPath("be:title", NamespaceManager).ToString())%>
                            </span>
                        </div>
                    </div>
                </ItemTemplate>
            </telerik:RadRotator>
            <asp:Label ID="lblMessage" Visible="false" CssClass="message" runat="server" />
        </div>
    </div>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?