Rotator - Live XML

Data streamed live from http://feeds.feedburner.com/Telerik
  • 02:34
    Fri, Jul 22, 2016
    Test Studio R2 Release Webinar Wrap Up and Q&A
  • 07:14
    Thu, Jul 21, 2016
    Angular 2 Support Grows with UI for NativeScript 1.2
  • 04:54
    Tue, Jul 19, 2016
    Digitally Transform Sitefinity Sites into Mobile Apps
  • 04:08
    Thu, Jul 14, 2016
    Official ASP.NET Core 1.0 Support Now in UI for ASP.NET MVC
  • 12:00
    Tue, Jul 12, 2016
    Hybrid or Native Mobile App? Use the Right Tool for the Job
  • 09:29
    Mon, Jul 11, 2016
    Meet Veronica Milcheva, Developer Expert for Sitefinity
  • 03:57
    Thu, Jul 7, 2016
    Cross-Platform Native Apps with Xamarin.Forms & Telerik UI
  • 04:24
    Wed, Jul 6, 2016
    Updating Core Framework Components in Telerik Platform
  • 04:13
    Tue, Jul 5, 2016
    Angular Calendar and Chart in UI for NativeScript 1.2.0
  • 02:51
    Fri, Jul 1, 2016
    Announcing the Kendo UI R3 Roadmap
  • 12:30
    Fri, Jul 1, 2016
    How Kendo UI is Used on the Collab365 SharePoint Platform
  • 01:12
    Thu, Jun 30, 2016
    Be an API Testing Hero with the New Test Studio
  • 08:34
    Wed, Jun 29, 2016
    The New .NET Core 1.0 Is Here
  • 09:18
    Mon, Jun 27, 2016
    Programmatic Access to LiveSync in Telerik Platform
  • 08:04
    Mon, Jun 27, 2016
    Kendo UI for Angular 2 R3 Roadmap
  • 01:30
    Fri, Jun 24, 2016
    Kendo UI R2'16 Release Webinar Wrap Up
  • 09:18
    Thu, Jun 23, 2016
    Meet the New Create Project Wizard for UI for ASP.NET AJAX
  • 03:57
    Wed, Jun 22, 2016
    Expect New List Controls and More in Telerik ASP.NET AJAX
  • 12:20
    Tue, Jun 21, 2016
    Webinar Follow-up: New Testing Battlefields
  • 06:53
    Mon, Jun 20, 2016
    Save Time with NuGet Packages for UI for Xamarin
  • 12:42
    Mon, Jun 20, 2016
    Get Official ASP.NET Core 1.0 Support in Telerik ASP.NET MVC
  • 05:05
    Fri, Jun 17, 2016
    The Road to Improving the Digital IQ of Your Organization
  • 03:45
    Fri, Jun 17, 2016
    New UX and Security Upgrades in Reporting and Report Server
  • 03:59
    Thu, Jun 16, 2016
    Meet Nathan Walker: Developer Expert for NativeScript
  • 08:57
    Wed, Jun 15, 2016
    R2 2016 Service Pack for UI for WPF and Silverlight is Out
    
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?