Rotator - Rich Content

    
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

There are no limitations about what you can put in the rotator's item template. This example offers a blend of flash, server controls, rich text and images.

  • DefaultCS.aspx
  • styles.css
  • rotator.xml
<%@ Page Language="C#" AutoEventWireup="true"  %>

<!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 no-bg">
        <telerik:RadRotator RenderMode="Lightweight" Skin="Silk" DataSourceID="xmlDataSource1" Width="242px" Height="185px" ItemWidth="242px"
            ItemHeight="185px" FrameDuration="4000" ID="Rotator1" runat="server" ScrollDirection="Up">
            <ItemTemplate>
                <div class="itemTemplate">
                    <div class="orderOnlineHeader">
                        <img src="images/orderOnlineHeader.jpg" style="border: 0px" title="" alt="" height="35"
                            width="241" /></div>
                    <div class="orderOnlineContent">
                        <div class="image">
                            <img src='images/pic<%# XPath("Number") %>.gif' height="75" width="69" alt="" title=""
                                style="border: 0px" />
                        </div>
                        <div class="flashMovie">
                            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0"
                                width="165" height="74">
                                <param name="movie" value='images/Movie<%# XPath("Number") %>.swf' />
                                <param name="quality" value="high" />
                                <param name="bgcolor" value="#FFFFFF" />
                                <param name="wmode" value="transparent" />
                                <object type="application/x-shockwave-flash" data='images/Movie<%# XPath("Number") %>.swf'
                                    width="165" height="74">
                                    <param name="wmode" value="transparent" />
                                </object>
                            </object>
                        </div>
                        <div class="orderDetails">
                            order:
                            <asp:DropDownList runat="server">
                                <asp:ListItem Value="Vase">Vase</asp:ListItem>
                                <asp:ListItem Value="Card">Card</asp:ListItem>
                                <asp:ListItem Value="Box">Box</asp:ListItem>
                            </asp:DropDownList>
                            <br />
                            price: <b>$<%# XPath("Content")%></b>
                            <br />
                            <a href="#" class="orderInfo">details&nbsp;&raquo;</a>
                        </div>
                    </div>
                </div>
            </ItemTemplate>
        </telerik:RadRotator>
    </div>
    <asp:XmlDataSource ID="xmlDataSource1" runat="Server" DataFile="rotator.xml"></asp:XmlDataSource>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?