Questions on UI for ASP.NET AJAX Forum

2 answers

113 views

[Solved] disable viewstate messes events order up

Hi,

We're having a problem with sorting when we turn the viewstate off for the RadgGrid.
When the viewstate is on (default) first the SortCommand event is fired when a user clicks on a column header to sort, giving us the possibility to alter the query that is going to be used in the NeedDataSource event to set the DataSource of the grid such that the newly requested sorting is applied. Then the NeedDataSource event fires (which uses the query that has been altered in de SortCommand event handler so that the requested sorting is applied).
However, when we turn viewstate off first the NeedDataSource event is handled, using a query that applies the sorting as it was when a user clicked a column header to change the sorting because the query has not yet been altered by the SortCommand event handler, and then the SortCommand event fires altering the query such that is applies the requested sorting but then it's to late, the query has already been used to set the grid's DataSource.

Of coarse it is possible to alter the query in the SortCommand event handler and reset the grid's DataSource, but that way the database is accessed twice of which the first is quite unnecessary.

Does anyone have an idea how to solve this problem?

Regards,

Mink

Grid

answered on 05 Nov 2009

2 answers

176 views

[Solved] IIS7 WebResource

Hi,

I've deployed our website to a Windows Server 2008 R2. IIS7 on it has the default settings specified.
In my Web.Config i added the following handler :
<add name="Telerik.Web.UI.WebResource" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" />
I also added the application/x-axd to the mime types of the website just to make sure.
The ApplicationPool is running in integrated mode. I've read this blog about how to set up Telerik with IIS7.
After executing the steps provided we're still getting an error related to the WebResource in our website.
This is the error :

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; InfoPath.1; .NET CLR 3.5.30729; .NET CLR 3.0.30729)
Timestamp: Wed, 28 Oct 2009 08:03:58 UTC

Message: Sys.WebForms.PageRequestManagerServerErrorException: Exception has been thrown by the target of an invocation.
Line: 6
Char: 62099
Code: 0
URI: http://localhost:81/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_radScriptManager_HiddenField&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3ad0c4ca6e-6b5d-49b6-922d-5244924fb100%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2009.2.826.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3ad2d891f5-3533-469c-b9a2-ac7d16eb23ff%3a16e4e7cd%3aed16cbdc%3a11a04f7e

Does anybody have an idea what i can do to fix this error?
Thanks in advance!

General Discussions

answered on 05 Nov 2009

3 answers

117 views

Column resizing issue

Hello,
I use a RadGrid control with the option "AllowColumnResize" set to true.
The Grid is in the update panel with the timer attached. The timer updates gridevery 7 seconds.
The problem I have is that if I'm resizing the column and timer event occurs then IE7 show the error in this function:

Telerik.Web.UI.GridColumnResizer.prototype={dispose:function(){try{this._destroy()
}catch(a){}if(this._onMouseUpDelegate){$telerik.removeExternalHandler(document,"mouseup",this._onMouseUpDelegate)
}if(this._onMouseMoveDelegate){$removeHandler(this._column._owner._owner.get_element(),"mousemove",this._onMouseMoveDelegate)
} .....

Actually the $removeHandler throws the error because the object this._column._owner._owner.get_element() has no event "mousemove" at all.

Do you have working example with RadGrid, timer to update it AND column resizing?
Thank you.

Grid

answered on 05 Nov 2009

1 answer

138 views

RadFormDecorator performing slow in IE7

Hi,

We have developed an asp.net webpart that is integrated into the sharepoint site.
We have used Telerik RadFormDecorator in a RadAjaxPanel.
The RadAjaxPanel contains another panel whose display is made to toggle on the click of a linkbutton.
The problem is that using RadFormDecorator in my code is impacting the performance of the display of inside panel (only in IE 7.0)
The performance is fine in Firefox.
Even the characters on a button get displaced as I hover on the button in IE. This also works fine in FireFox.

Please let me know the solution to this problem in IE7 asap.
Its kinda urgent.

Thanks n Regards,
Shikha

Sharepoint Integration

answered on 05 Nov 2009

29 answers

296 views

[Solved] Rendering of Buttons in Beta of Q2

Hi,

It didn't take long to find an issue on this one and it's even visible on your demo site. Have a look at the buttons on the form decorator.

The button text is decidedly off centre - there seems to be an extra gap to the left of the text. On wider buttons with more space on either side of the text the effect is more pronounced!

Regards,

Jon

FormDecorator

answered on 05 Nov 2009

1 answer

75 views

Q3 2009: Rounded Corners do not work on IE6

Is this by design or a bug? I didn't find anything in the docs about this possible limitation.

Dock

answered on 05 Nov 2009

1 answer

196 views

GridHyperLinkColumn external parameter

The Radgrid and Textbox in webform. I use GridHyperLinkColumn on the radgrid, the grid has id, date, amount1, amount2 columns,
id columns are GridHyperLinkColumn, I want to click on id, but pass id and external parameter(textbox value) on the URL.

How to set DataNavigateUrlFormatString?

Thanks
LIUYAN

Grid

answered on 05 Nov 2009

0 answers

612 views

WebResource.axd files

Hello Admin,
Should we copy the scripts folder to the root folder in the case of RadControls for ASP.NET AJAX Q2 2009?
should we call the scripts in the pages?

even though I have copied the scripts to the roots folder i'm getting a warning in the server
ScriptResource.axd?d=YCJ7Wi_Nmlr1ie9zAvBP6FAVWbtlD7zZH8_PvGZKg_iksPrtuE8aG_iTNNnmF-Zyservername/ScriptResource.axd?d=YCJ7Wi_Nmlr1ie9zAvBP6FAVWbtlD7zZH8_PvGZKg_iksPrtuE8aG_iTNNnmF-..........................

what should i do to avoid this warning?

General Discussions

asked on 05 Nov 2009

10 answers

220 views

[Solved] Self Referencing Grid - Add new to child disappears

I am having issues with getting the Add new record button to work in the self referencing grid. When i click on it the whole child table i am trying to add to disappears.

i have tried to follow the advice from here but the issue remains.

My code behind is as follows:

    
            protected void Page_Load(object sender, EventArgs e) 
        
                    { 
        
                        if (Assembly.GetAssembly(typeof(ScriptManager)).FullName.IndexOf("3.5") != -1) 
        
                        { 
        
                            NavGrid.MasterTableView.FilterExpression = @"it[""ParentId""] = Convert.DBNull"; 
        
                        } 
        
                        else 
        
                        { 
        
                            NavGrid.MasterTableView.FilterExpression = "ParentId IS NULL"; 
        
                        } 
        
                    } 
        
                    protected void NavGrid_ItemDeleted(object source, Telerik.Web.UI.GridDeletedEventArgs e) 
        
                    { 
        
                    } 
        
                    protected void NavGrid_ItemInserted(object source, Telerik.Web.UI.GridInsertedEventArgs e) 
        
                    { 
        
                    } 
        
                    protected void NavGrid_ItemUpdated(object source, Telerik.Web.UI.GridUpdatedEventArgs e) 
        
                    { 
        
                    } 
        
                    protected void RadGrid1_ColumnCreated(object sender, GridColumnCreatedEventArgs e) 
        
                    { 
        
                        if (e.Column.IsBoundToFieldName("Id")) 
        
                        { 
        
                            ((GridBoundColumn)e.Column).ReadOnly = true; 
        
                        } 
        
                    } 
        
                    protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e) 
        
                    { 
        
                    } 
        
                    protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e) 
        
                    { 
        
                    } 
        
                    public void CreateExpandCollapseButton(GridItem item, string columnUniqueName) 
        
                    { 
        
                    } 
        
                    protected void NavGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e) 
        
                    { 
        
                        NavGrid.DataSource = NavDataSource; 
        
                    } 
        
                    protected void NavGrid_ItemCommand(object source, GridCommandEventArgs e) 
        
                    { 
        
                        if (e.CommandName == RadGrid.DeleteCommandName) 
        
                        { 
        
                            NavDataSource.Delete(); 
        
                        } 
        
                        if (e.CommandName == RadGrid.UpdateCommandName) 
        
                        { 
        
                            NavDataSource.Update(); 
        
                        } 
        
                        if (e.CommandName == RadGrid.PerformInsertCommandName) 
        
                        { 
        
                            NavDataSource.Insert(); 
        
                        } 
        
                    }

My page is:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Admin_Navigations.aspx.cs" Inherits="FEP.Admin_Navigations" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head runat="server"> 
        
                <title>Admin Navigations</title> 
        
                <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> 
        
                <script type="text/javascript"> 
        
                    //This function is called from the Explorer.aspx page  
        
                    function OnFileSelected(wnd, fileSelected) { 
        
                        //NEW: Insert the returned value in the textbox with currentInputID  
        
                        var textbox = $get(currentInputID); 
        
                        textbox.value = fileSelected.substr(1); 
        
                    } 
        
                    var currentInputID = null; 
        
                    function OpenFileExplorerDialog(inputID) { 
        
                        var wnd = $find("<%= ExplorerWindow.ClientID %>"); 
        
                        wnd.show(); 
        
                        //NEW: Set the ID of the textbox in a global variable             
        
                        currentInputID = inputID; 
        
                    }  
        
                </script> 
        
            </telerik:RadScriptBlock> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <div> 
        
                    <telerik:RadGrid ID="NavGrid" runat="server" DataSourceID="NavDataSource"  
        
                        ShowStatusBar="True" AllowAutomaticDeletes="True"  
        
                        AllowAutomaticInserts="True" AllowAutomaticUpdates="True"  
        
                        AutoGenerateColumns="False" onitemdeleted="NavGrid_ItemDeleted"  
        
                        oniteminserted="NavGrid_ItemInserted"  
        
                        onitemupdated="NavGrid_ItemUpdated"  
        
                        oncolumncreated="RadGrid1_ColumnCreated" onitemcommand="NavGrid_ItemCommand"  
        
                        onitemcreated="RadGrid1_ItemCreated" onitemdatabound="RadGrid1_ItemDataBound"  
        
                        onneeddatasource="NavGrid_NeedDataSource"> 
        
                        <MasterTableView DataSourceID="NavDataSource" TableLayout="Fixed"  
        
                            style="width:auto;" DataKeyNames="Id, ParentId" commanditemdisplay="Top" HierarchyDefaultExpanded="true"> 
        
                            <SelfHierarchySettings ParentKeyName="ParentId" KeyName="Id" /> 
        
                            <RowIndicatorColumn> 
        
                                <HeaderStyle Width="20px"></HeaderStyle> 
        
                            </RowIndicatorColumn> 
        
                            <ExpandCollapseColumn> 
        
                                <HeaderStyle Width="20px"></HeaderStyle> 
        
                            </ExpandCollapseColumn> 
        
                            <Columns> 
        
                                <telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderText="Edit"> 
        
                                    <HeaderStyle Width="35px" /> 
        
                                </telerik:GridEditCommandColumn> 
        
                                <telerik:GridBoundColumn DataField="Id" HeaderText="Id" UniqueName="Id" MaxLength="10" ReadOnly="True" ForceExtractValue="Always"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="ParentId" HeaderText="Parent Id" UniqueName="ParentId" MaxLength="10" ReadOnly="True" ForceExtractValue="Always"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="Name" HeaderText="Name" UniqueName="Name" MaxLength="50"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="Target" HeaderText="Target" UniqueName="Target" MaxLength="50"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="Control" HeaderText="Control" UniqueName="Control" MaxLength="50"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="Content" HeaderText="Content" UniqueName="Content" MaxLength="50"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn DataField="ItemOrder" HeaderText="Item Order" UniqueName="ItemOrder" 
        
                                    MaxLength="50" ConvertEmptyStringToNull="False"> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridTemplateColumn HeaderText="Navigation Image" DataField="Image" DataType="System.String" 
        
                                    UniqueName="NavImage"> 
        
                                    <ItemTemplate> 
        
                                        <asp:Image ID="SiteImage" Height="100px" Width="100px" AlternateText='<%#Bind("Name") %>' 
        
                                            runat="server" ImageUrl='<%#Bind("Image") %>' /> 
        
                                    </ItemTemplate> 
        
                                    <EditItemTemplate> 
        
                                        <asp:TextBox runat="server" ID="fileName" Columns="50" Text='<%#Bind("Image") %>' /> 
        
                                        <input type="button" onclick="OpenFileExplorerDialog('<%#Container.FindControl("fileName").ClientID %>'); return false;" 
        
                                            value="Open ..." /> 
        
                                    </EditItemTemplate> 
        
                                </telerik:GridTemplateColumn> 
        
                                <telerik:GridButtonColumn CommandName="Delete" ConfirmText="Are you sure you want to delete this record?" 
        
                                    ConfirmTitle="Delete?" Text="Delete" UniqueName="DeleteColumn" ButtonType="ImageButton" 
        
                                    HeaderText="Delete"> 
        
                                    <HeaderStyle Width="50px" /> 
        
                                </telerik:GridButtonColumn> 
        
                                <telerik:GridButtonColumn CommandName="GoToNavigations" Text="Go to Navigations..."  
        
                                    UniqueName="GoNav"> 
        
                                </telerik:GridButtonColumn> 
        
                                <telerik:GridButtonColumn CommandName="GoToQuestions" Text="Go to Quesitons..."  
        
                                    UniqueName="GoQuest"> 
        
                                </telerik:GridButtonColumn> 
        
                                <telerik:GridButtonColumn CommandName="GoToIcons" Text="Go to Icons..."  
        
                                    UniqueName="GoIcon"> 
        
                                </telerik:GridButtonColumn> 
        
                            </Columns> 
        
                            <EditFormSettings> 
        
                                <EditColumn UniqueName="EditCommandColumn"> 
        
                                </EditColumn> 
        
                            </EditFormSettings> 
        
                        </MasterTableView> 
        
                        <ClientSettings EnablePostBackOnRowClick="False" EnableRowHoverStyle="True"  
        
                            EnableAlternatingItems="False" AllowExpandCollapse="True"> 
        
                            <Selecting AllowRowSelect="True" /> 
        
                        </ClientSettings> 
        
                    </telerik:RadGrid> 
        
                </div> 
        
                <asp:SqlDataSource runat="server" ConnectionString="<%$ ConnectionStrings:MySQL %>" 
        
                SelectCommand="Select Id, ParentId, Name, Target, Control, Content, Image, ItemOrder FROM Navigation" 
        
                ID="NavDataSource" ProviderName="<%$ ConnectionStrings:MySQL.ProviderName %>" 
        
                ConflictDetection="CompareAllValues" OldValuesParameterFormatString="original_{0}" 
        
                InsertCommand="INSERT INTO Navigation(ParentId, Name, Target, Control, Content, Image, ItemOrder) VALUES (?ParentId, ?Name, ?Target, ?Control, ?Content, ?Image, ?ItemOrder)"  
        
                DeleteCommand="DELETE FROM Navigation WHERE Id = ?original_Id AND ((ParentId = ?original_ParentId) OR (ParentId is null AND ?ParentId is null)) AND Name = ?original_Name AND ((Target = ?original_Target) OR (Target is null AND ?original_Target is null)) AND Control = ?original_Control AND ((Content = ?original_Content) OR (Content is null AND ?original_Content is null)) AND ((Image = ?original_Image) OR (Image is null AND ?original_Image is null)) AND ItemOrder = ?original_ItemOrder"    
        
                    UpdateCommand="UPDATE Navigation SET ParentId = ?ParentId, Name = ?Name, Target = ?Target, Control = ?control, Content = ?Content, Image = ?Image, ItemOrder = ?ItemOrder WHERE Id = ?original_Id AND ((ParentId = ?original_ParentId) OR (ParentId is null AND ?ParentId is null)) AND Name = ?original_Name AND ((Target = ?original_Target) OR (Target is null AND ?original_Target is null)) AND Control = ?original_Control AND ((Content = ?original_Content) OR (Content is null AND ?original_Content is null)) AND ((Image = ?original_Image) OR (Image is null AND ?original_Image is null)) AND ItemOrder = ?original_ItemOrder" > 
        
                <DeleteParameters> 
        
                    <asp:Parameter Name="original_Id" Type="Int32" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_ParentId" Type="Int32" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_Name" Type="String" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_Target" Type="Int32" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_Control" Type="String" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_Content" Type="Int32" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_Image" Type="String" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_ItemOrder" Type="Int32" ConvertEmptyStringToNull="False" /> 
        
                </DeleteParameters> 
        
                <UpdateParameters> 
        
                    <asp:Parameter Name="Id" Type="Int32" /> 
        
                    <asp:Parameter Name="ParentId" Type="Int32" /> 
        
                    <asp:Parameter Name="Name" Type="String" /> 
        
                    <asp:Parameter Name="Target" Type="Int32" /> 
        
                    <asp:Parameter Name="Control" Type="String" /> 
        
                    <asp:Parameter Name="Content" Type="Int32" /> 
        
                    <asp:Parameter Name="Image" Type="String" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="ItemOrder" Type="Int32" /> 
        
                    <asp:Parameter Name="original_Id" Type="Int32" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_ParentId" Type="Int32" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_Name" Type="String" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_Target" Type="Int32" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_Control" Type="String" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_Content" Type="Int32" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="original_Image" Type="String" ConvertEmptyStringToNull="False" /> 
        
                </UpdateParameters> 
        
                <InsertParameters> 
        
                    <asp:Parameter Name="ParentId" Type="Int32" /> 
        
                    <asp:Parameter Name="Name" Type="String" /> 
        
                    <asp:Parameter Name="Target" Type="Int32" /> 
        
                    <asp:Parameter Name="Control" Type="String" /> 
        
                    <asp:Parameter Name="Content" Type="Int32" /> 
        
                    <asp:Parameter Name="Image" Type="String" ConvertEmptyStringToNull="False" /> 
        
                    <asp:Parameter Name="ItemOrder" Type="Int32" /> 
        
                </InsertParameters> 
        
                <SelectParameters> 
        
                </SelectParameters> 
        
            </asp:SqlDataSource> 
        
            <telerik:RadWindow runat="server" Width="530px" Height="550px" VisibleStatusbar="false" 
        
                NavigateUrl="Admin_ImageExplorer.aspx?PathType=Navigation" ID="ExplorerWindow" Modal="true" 
        
                Behaviors="Close,Move"> 
        
            </telerik:RadWindow> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="NavGrid"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="NavGrid" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                </form> 
        
            </body> 
        
            </html>

What am i missing here?

any help is greatly appreciated.
thanks
Jordan

Grid

answered on 05 Nov 2009

4 answers

290 views

100% Width Rotator

I am having issues with 100% width rotators.

This is a test page that is just a modification of the multiple scroller example downloaded with the latest release. I removed the second scroller and made the width of the Rotator 100%.

I actually run into the same problem if I set the width of the Rotator to more than 725 pixels. 725 operates as expected, 726 causes the first to disappear and the last to just appear.

Any timeframe on getting this addressed?

    
            <%@ Page AutoEventWireup="true" Inherits="Telerik.Web.Examples.Rotator.MultipleScroller.DefaultCS" 
        
                CodeFile="TestScroll.aspx.cs" Language="C#" %> 
        
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
        
            <!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 id="Head1" runat="server">  
        
                <link rel="stylesheet" type="text/css" href="Styles.css" /> 
        
                <style type="text/css">  
        
                .Rotator  
        
                {  
        
                background-color:black;   
        
                cursor:default;   
        
                }  
        
                .Symbol  
        
                {  
        
                font-family: Verdana, Arial;   
        
                font-weight:bold;   
        
                font-size: 18px;   
        
                color:#3E7DBC;   
        
                }  
        
                .Quote  
        
                {  
        
                font-family: Verdana, Arial;   
        
                font-size: 11px;   
        
                color:#64962D;   
        
                }  
        
                .Change  
        
                {  
        
                font-family: Verdana, Arial;   
        
                font-size: 11px;   
        
                color: gray;   
        
                }  
        
                .Link  
        
                {  
        
                font-family: Verdana, Arial;   
        
                font-size: 10px;   
        
                color:#3E7DBC;   
        
                }  
        
                </style> 
        
            </head> 
        
            <body class="BODY">  
        
                <form runat="server" id="mainForm" method="post" style="width: 100%">  
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                    </asp:ScriptManager> 
        
                    <div style="width: 90%">  
        
                        <div class="top">  
        
                            <img src="Images/top.gif" width="452" height="35" alt="" /></div>  
        
                        <div class="marqueeTopBg">  
        
                            <div class="marqueeTop_Text">  
        
                                <telerik:RadRotator ScrollDirection="left" DataSourceID="xmlDataSource1" FrameDuration="1" 
        
                                    Width="100%" Height="24" ScrollDuration="2000" ID="Rotator1" runat="server">  
        
                                    <ItemTemplate> 
        
                                        <table width="130" cellpadding="0" cellspacing="3" border="0">  
        
                                            <tr> 
        
                                                <td class="symbol" style="font-weight: bold; color: #3e7dbc; cursor: default;">  
        
                                                    <%# XPath("Company")%> 
        
                                                </td> 
        
                                                <td class="Quote" style="cursor: default;">  
        
                                                    <%# XPath("Price")%> 
        
                                                </td> 
        
                                                <td class="Change" style="cursor: default;">  
        
                                                    <%# XPath("Difference")%> 
        
                                                </td> 
        
                                                <td style="cursor: default;">  
        
                                                    <img src='<%# XPath("Image") %>' style="border: 0px" alt="" /></td>  
        
                                                <td class="Quote" align="left" style="cursor: default;">  
        
                                                    &nbsp;&nbsp;</td> 
        
                                            </tr> 
        
                                        </table> 
        
                                    </ItemTemplate> 
        
                                </telerik:RadRotator> 
        
                            </div> 
        
                        </div> 
        
                        <div class="bottom">  
        
                            <img src="Images/bottom.gif" width="452" height="108" alt="" /></div>  
        
                    </div> 
        
                    <asp:XmlDataSource ID="xmlDataSource1" runat="Server" DataFile="/TestPages/upperMarquee.xml"></asp:XmlDataSource> 
        
                </form> 
        
            </body> 
        
            </html>

Rotator

answered on 05 Nov 2009

	<%@ Page AutoEventWireup="true" Inherits="Telerik.Web.Examples.Rotator.MultipleScroller.DefaultCS"
	CodeFile="TestScroll.aspx.cs" Language="C#" %>

	<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
	<!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 id="Head1" runat="server">
	<link rel="stylesheet" type="text/css" href="Styles.css" />
	<style type="text/css">
	.Rotator
	{
	background-color:black;
	cursor:default;
	}

	.Symbol
	{
	font-family: Verdana, Arial;
	font-weight:bold;
	font-size: 18px;
	color:#3E7DBC;
	}

	.Quote
	{
	font-family: Verdana, Arial;
	font-size: 11px;
	color:#64962D;
	}

	.Change
	{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: gray;
	}

	.Link
	{
	font-family: Verdana, Arial;
	font-size: 10px;
	color:#3E7DBC;
	}
	</style>
	</head>
	<body class="BODY">
	<form runat="server" id="mainForm" method="post" style="width: 100%">
	<asp:ScriptManager ID="ScriptManager1" runat="server">
	</asp:ScriptManager>
	<div style="width: 90%">
	<div class="top">
	<img src="Images/top.gif" width="452" height="35" alt="" /></div>
	<div class="marqueeTopBg">
	<div class="marqueeTop_Text">
	<telerik:RadRotator ScrollDirection="left" DataSourceID="xmlDataSource1" FrameDuration="1"
	Width="100%" Height="24" ScrollDuration="2000" ID="Rotator1" runat="server">
	<ItemTemplate>
	<table width="130" cellpadding="0" cellspacing="3" border="0">
	<tr>
	<td class="symbol" style="font-weight: bold; color: #3e7dbc; cursor: default;">
	<%# XPath("Company")%>
	</td>
	<td class="Quote" style="cursor: default;">
	<%# XPath("Price")%>
	</td>
	<td class="Change" style="cursor: default;">
	<%# XPath("Difference")%>
	</td>
	<td style="cursor: default;">
	<img src='<%# XPath("Image") %>' style="border: 0px" alt="" /></td>
	<td class="Quote" align="left" style="cursor: default;">
	</td>
	</tr>
	</table>
	</ItemTemplate>
	</telerik:RadRotator>
	</div>
	</div>
	<div class="bottom">
	<img src="Images/bottom.gif" width="452" height="108" alt="" /></div>
	</div>
	<asp:XmlDataSource ID="xmlDataSource1" runat="Server" DataFile="/TestPages/upperMarquee.xml"></asp:XmlDataSource>
	</form>
	</body>
	</html>