<
telerik:GridBoundColumn >
<
telerik:GridTemplateColumn >
<telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%" Orientation="Horizontal"> <telerik:RadPane runat="server" ID="RadPaneTop" Height="20%"> <div>top</div> </telerik:RadPane> <telerik:RadSplitBar runat="server" ID="RadSplitbar1" CollapseMode="Forward"> </telerik:RadSplitBar> <telerik:RadPane runat="server" ID="RadpaneMiddle" Height="80%"> <telerik:RadImageEditor ID="RadImageEditor1" runat="server" ImageUrl="/img/logo_multim_120x53.gif" Width="100%" Height="100%"> </telerik:RadImageEditor> </telerik:RadPane> <telerik:RadSplitBar runat="server" ID="RadSplitbar2" CollapseMode="Forward"> </telerik:RadSplitBar> <telerik:RadPane runat="server" ID="Radpane1" Height="20%"> <div>bottom</div> </telerik:RadPane></telerik:RadSplitter>
<Items>
<telerik:RadRotatorItem>
<ItemTemplate>
<asp:Image runat="server" ID="Image" ImageUrl='~/Images/Gallery/thumb1fullSize.jpg'
CssClass="RotatorItem" AlternateText="Customer Image"></asp:Image>
</ItemTemplate>
</telerik:RadRotatorItem>
<telerik:RadRotatorItem>
<ItemTemplate>
<asp:Image runat="server" ID="Image1" ImageUrl='~/Images/Gallery/thumb2.gif'
CssClass="RotatorItem" AlternateText="Customer Image"></asp:Image>
</ItemTemplate>
</telerik:RadRotatorItem>
</telerik:RadRotator>

Hi;
I'm following your suggested method of creating a rad rotator programmatically. I get no errors, when i run the ajax enabled website, however, non of the images show...i simply get a blank page.
when i do a view source. i get:
<div id="RadRotator1" class="RadRotator radr_Default " style="width:200px;height:200px;"> <!-- 2008.2.723.20 -->
<div class="radr_relativeWrapper"> <div class="radr_clipRegion">
<ul class="radr_itemsList"> <li class="radr_item"><div id="RadRotator1_i0"> <div><img src="/radrotator2/images/sharePointRt2.jpg" alt="RadRotator Demo" style="width:350px;border-width:0px;" /></div> </div></li>
<li class="radr_item"><div id="RadRotator1_i1"> <div><img src="/radrotator2/images/sharePointRt1.jpg" alt="RadRotator Demo" style="width:350px;border-width:0px;" /></div> </div></li> </ul> </div><a class="radr_button radr_buttonUp" href="javascript:void(0);"> </a><a class="radr_button radr_buttonLeft" href="javascript:void(0);"> </a><a class="radr_button radr_buttonRight" href="javascript:void(0);"> </a><a class="radr_button radr_buttonDown" href="javascript:void(0);"> </a> </div><input id="RadRotator1_ClientState" name="RadRotator1_ClientState" type="hidden" /></div>
here is my code:
using
System;
using
System.Data;
using
System.Configuration;
using
System.Web;
using
System.Web.Security;
using
System.Web.UI;
using
System.Web.UI.WebControls;
using
System.Web.UI.WebControls.WebParts;
using
System.Web.UI.HtmlControls;
using
Telerik.Web.UI.Rotator;
using
System.Collections;
public
partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Telerik.Web.UI.
RadRotator rr = new Telerik.Web.UI.RadRotator();
rr.ID =
"RadRotator1";
rr.FrameDuration = 6000;
rr.InitialItemIndex = 0;
rr.ItemTemplate =
new RadRotatorTemplate();
rr.DataSource = CreateRotatorData();
rr.DataBind();
this.Controls.Add(rr);
}
private ArrayList CreateRotatorData()
{
ArrayList al = new ArrayList();
al.Add(ResolveUrl(
"~/images/sharePointRt2.jpg"));
al.Add(ResolveUrl(
"~/images/sharePointRt1.jpg"));
return al;
}
}
public
class RadRotatorTemplate : ITemplate
{
public RadRotatorTemplate() { }
#region
ITemplate Members
public void InstantiateIn(Control container)
{
LiteralControl lc1 = new LiteralControl("<div>");
container.Controls.Add(lc1);
Image img = new Image();
img.AlternateText =
"RadRotator Demo";
img.Width =
Unit.Pixel(350);
img.DataBinding += img_DataBinding;
container.Controls.Add(img);
LiteralControl lc2 = new LiteralControl("</div>");
container.Controls.Add(lc2);
}
#endregion
void img_DataBinding(object sender, EventArgs e)
{
Image img = sender as Image;
Telerik.Web.UI.
RadRotatorItem item = img.NamingContainer as Telerik.Web.UI.RadRotatorItem;
img.ImageUrl = (
string)item.DataItem;
}
}
Any help would be appreciated...
thanks
Charles
| <telerik:RadRotator ID="thumbRotator" runat="server" |
| RotatorType="ButtonsOver" Width="572" |
| Height="118px" ItemHeight="118" ItemWidth="145" FrameDuration="1" |
| ScrollDirection="Left,Right" OnItemClick="ShowImage"> |
| RadRotator thumbRotator = new RadRotator(); |
| thumbRotator.RotatorType = RotatorType.ButtonsOver; |
| thumbRotator.Width = Unit.Pixel(572); |
| thumbRotator.Height=Unit.Pixel(118); |
| thumbRotator.ItemHeight=Unit.Pixel(118); |
| thumbRotator.ItemWidth=Unit.Pixel(145); |
| thumbRotator.FrameDuration=1; |
| thumbRotator.ScrollDirection = (RotatorScrollDirection.Left) ; |
Any ideas?
Thanks
Bob
