Move Group of Items

RELATED TO:

Article information

Article relates to

 RadRotator for ASP.NET AJAX

Created by

 Fiko, Telerik

Last modified

 April 30, 2010

Last modified by

 Fiko, Telerik

HOW TO
This article is about how to show multiline RadRotator's items.

DESCRIPTION
The RadRotator's items are shown only on a single line (vertical or horizontal) and this is by design. The provided example, however, shows the steps that need to be implement in order to show 4 items placed in 2 lines.





SOLUTION
 The layout of the RadRotator's ItemTemplate is formed using a RadListView control. The datasource set to the RadRotator control is a list of DataTable objects (data are retrieved from a SQL database). The RadListView's databinding is done in the RadRotator's ItemDataBound event:

C#
protected void RadRotator1_ItemDataBound(object sender, Telerik.Web.UI.RadRotatorEventArgs e)
{
    RadListView listView = e.Item.FindControl("RadListView1") as RadListView;
    listView.DataSource = e.Item.DataItem;
    listView.DataBind();
}

VB.NET
Protected Sub RadRotator1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadRotatorEventArgs) Handles RadRotator1.ItemDataBound
    Dim listView As RadListView = TryCast(e.Item.FindControl("RadListView1"), RadListView)
    listView.DataSource = e.Item.DataItem
    listView.DataBind()
End Sub

For convenience, a RadBinaryImage control is used in order to show the images retrieved from the database (as binary array).


RESULT




Files

More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community.

  • Demos

    Browse 1,200+ demos with source code covering basic and advanced scenarios.

  • Sample Applications

    Learn how to integrate the controls in real-world examples.

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for ASP.NET AJAX.

  • User Voice

    Get answers directly from the people who build the product.

  • Documentation

    Benefit from detailed help articles and API references for all controls.

  • Knowledge Base

    Learn how to achieve common scenarios from a multitude of tutorials and working examples.

  • Code Library

    Browse sample projects submitted by Telerik staff and community members.

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends.

  • Release History

    Up-to-date release notes for all new features and improvements.