Rotator - Live XML

Data streamed live from http://feeds.feedburner.com/Telerik
  • 07:45
    Fri, Feb 28, 2020
    Real-Time Xamarin Apps
  • 10:21
    Thu, Feb 27, 2020
    ASTs, Markdown and MDX
  • 08:34
    Wed, Feb 26, 2020
    Blazor Components: The Definitive Guide
  • 10:01
    Tue, Feb 25, 2020
    Telerik Reporting & Report Server SP: Improved WebService-DataSource, Web Designer & More
  • 09:24
    Tue, Feb 25, 2020
    Splash Around with the New Telerik UI for WPF Splash Screen
  • 09:56
    Mon, Feb 24, 2020
    Code Like Never Before with the New WinForms Syntax Editor
  • 08:00
    Mon, Feb 24, 2020
    Can’t Get Enough of DevReach? We’ve Got You Covered on Two Continents
  • 07:29
    Fri, Feb 21, 2020
    Getting Started with Date and Time Picker for Xamarin
  • 06:25
    Fri, Feb 21, 2020
    Telerik UI for WinForms R1 2020 SP is Here with 35+ Improvements
  • 02:36
    Thu, Feb 20, 2020
    A Practical Guide to Angular: Routing and Event Handling
  • 01:17
    Thu, Feb 20, 2020
    Master these JavaScript Fundamentals to Land Your Next Job
  • 06:49
    Wed, Feb 19, 2020
    Telerik UI for Xamarin R1 2020 SP: Sticky ListView Group Headers, Improved Pickers & More
  • 05:34
    Wed, Feb 19, 2020
    Show PDF Files within Your ASP.NET Web Form Page in No Time
  • 04:57
    Wed, Feb 19, 2020
    Telerik UI for WPF R1 2020 Service Pack Brings 80+ Improvements
  • 09:49
    Tue, Feb 18, 2020
    The Mindset of Component Composition in Vue
    
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.
  • DefaultVB.aspx
  • DefaultVB.aspx.vb
  • styles.css
<%@ Page AutoEventWireup="true" Inherits="Telerik.Web.Examples.Rotator.Functionality.LiveXML.DefaultVB"CodeFile="DefaultVB.aspx.vb" Language="vb"  %>

<!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/<%# GetDayOfWeek(XPath("be:published", NamespaceManager).ToString()) %>.png');">
                        <div class="dateTime">
                            <div class="time">
                                <%# (GetTimeOnly(XPath("be:published", NamespaceManager).ToString())) %>
                            </div>
                            <div class="date">
                                <%# (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?