Rotator - Live XML

Data streamed live from
  • 04:59
    Tue, Jul 16, 2019
    Finding Your Way with DateTimes in JavaScript
  • 04:14
    Tue, Jul 16, 2019
    The WCAG: Accessibility Regulations You Need to Know
  • 07:38
    Mon, Jul 15, 2019
    Implementing Map Display in Your Vue Application using Kendo UI
  • 06:47
    Mon, Jul 15, 2019
    C# 8: Indices and Range
  • 07:16
    Fri, Jul 12, 2019
    How to Use a Vue Pivot Grid UI Component in Your Web App
  • 03:38
    Thu, Jul 11, 2019
    The International Accessibility Standards You Need to Follow
  • 08:15
    Wed, Jul 10, 2019
    See What's New in Telerik Reporting R2 2019 SP
  • 03:26
    Wed, Jul 10, 2019
    Build a Vue.js Mini Media Player with Kendo UI
  • 06:24
    Tue, Jul 9, 2019
    Web Accessibility Guidebook for Developers
  • 04:31
    Tue, Jul 9, 2019
    Types of Disabilities and User Experience
  • 07:31
    Mon, Jul 8, 2019
    All You Need to Know About Slots in Vue.js
  • 12:12
    Mon, Jul 8, 2019
    C# 8: Static Local Functions and Using Declarations
  • 12:00
    Fri, Jul 5, 2019
    How to Make Working with PDFs in a Xamarin Application Easy
  • 11:00
    Thu, Jul 4, 2019
    Accessibility is Patriotic!
  • 04:35
    Wed, Jul 3, 2019
    Telerik UI for Blazor 1.3.0 Is Here!
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" "">
<html xmlns=''>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" type="text/css" />
    <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=""></a><br />
            <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"
                    <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 class="date">
                                <%# (this.GetDateOnly(XPath("be:published", NamespaceManager).ToString()))%>
                        <div class="title">
                                <%# System.Web.HttpUtility.HtmlEncode(XPath("be:title", NamespaceManager).ToString())%>
            <asp:Label ID="lblMessage" Visible="false" CssClass="message" runat="server" />

Find Assistance

Help Us Improve

Was this example helpful?