New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

    Rich Content

        

    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>
    <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>

    Support & Learning Resources

    Find Assistance