Getting Started

This article shows how you can start using RadSlideView. The following result will be achieved at the end of this tutorial:

Follow the steps:

1. Go ahead and add a RadSlideView and a BindingSource from the toolbox.

2. Set DataSource for the BindingSource to a collection of records where the object should contain at least one Image field.

3. Define TemplateElement for the RadSlideView. This is actually the visual element that represents the UI for the current item. For simplicity of this example, we will use a LightVisualElement for displaying the Photo.

If you have a simple scenario with Image and Text you can use the default TemplateElement (LightVisualElement). For more complex scenarios you can build an elements hierarchy that fits your needs. (READ MORE)

4. Define a Mapping for RadSlideView to link the TemplateElement with the respective data field.

5. Set the BindingSource property of RadSlideView.

BindingSource bs = new BindingSource();
DataTable dt = new DataTable();
dt.Columns.Add("Photo", typeof(Image));
dt.Rows.Add(Properties.Resources.Burano1);
dt.Rows.Add(Properties.Resources.Burano2);
dt.Rows.Add(Properties.Resources.Burano3);
bs.DataSource = dt;                   

LightVisualElement basicTemplate = new LightVisualElement();
basicTemplate.Opacity = 0.5;
basicTemplate.ImageLayout = ImageLayout.Zoom;
this.radSlideView1.Mappings.Add(new Mapping(basicTemplate, LightVisualElement.ImageProperty, dt.Columns[0].ColumnName)); 
this.radSlideView1.TemplateElement = basicTemplate;
this.radSlideView1.BindingSource = bs;

Dim bs As BindingSource = New BindingSource()
Dim dt As DataTable = New DataTable()
dt.Columns.Add("Photo", GetType(Image))
dt.Rows.Add(My.Resources.Burano1)
dt.Rows.Add(My.Resources.Burano2)
dt.Rows.Add(My.Resources.Burano3)
bs.DataSource = dt
Dim basicTemplate As LightVisualElement = New LightVisualElement()
basicTemplate.Opacity = 0.5
basicTemplate.ImageLayout = ImageLayout.Zoom
Me.radSlideView1.Mappings.Add(New Mapping(basicTemplate, LightVisualElement.ImageProperty, dt.Columns(0).ColumnName))
Me.radSlideView1.TemplateElement = basicTemplate
Me.radSlideView1.BindingSource = bs

More advanced TemplateElement is demonstrated in the Demo application >> SlideView >> First look example which also shows the smooth integration between RadSlideView and RadPipsPager.

See Also

• Structure

Telerik UI for WinForms Learning Resources

• Telerik UI for WinForms Slideview Component
• Getting Started with Telerik UI for WinForms Components
• Telerik UI for WinForms Setup
• Telerik UI for WinForms Application Modernization
• Telerik UI for WinForms Visual Studio Templates
• Deploy Telerik UI for WinForms Applications
• Telerik UI for WinForms Virtual Classroom(Training Courses for Registered Users)
• Telerik UI for WinForms License Agreement)