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?
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;"> | |
</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> | |