The C1Carousel control includes various navigation options, one way you can make it easier for users to navigate through carousel items is by adding a pager to the carousel. When the ShowPager property is set to True a pager appear below the carousel allowing users to navigate through all items in the carousel.

By default the pager appears numeric, but you can set the PagerType property to any of the following options:

• Slider – displays the pager as slider, drag the slider thumb button to move to another image.
• Numbers – displays a numeric pager, click a number to move to that item.
• Dots – displays the pager as small buttons, click a button to move to that item.
• Thumbnails – displays the pager as thumbnail images of the carousel items, click an item to move to it. Note that you can set the Thumbnails property to set what images are displayed for the thumbnails.

In the examples below you'll add a pager with dots.

In Source View

In Source view add ShowPager="True" PagerType="Dots" to the <cc1:C1Carousel> tag so it appears similar to the following:

To write code in Source View

At Design Time

In Design view, select the C1Carousel control and in the Properties window set the following:

• ShowPager property to True.
• PagerType property to Dots.

In Code

Add the following code to the Page_Load event to add a pager to the carousel:

To write code in Visual Basic

Me.C1Carousel1.ShowPager = True

Me.C1Carousel1.PagerType = PagerType.Dots
                                                

To write code in C#

this.C1Carousel1.ShowPager = true;

this.C1Carousel1.PagerType = PagerType.Dots;