ComponentOne Carousel for ASP.NET Web Forms
Task-Based Help / Adding a Pager to the Carousel
In This Topic
    Adding a Pager to the Carousel
    In This Topic

    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:

    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

    <cc1:C1Carousel ID="C1Carousel1" runat="server" ShowPager="True" PagerType="Dots">

    At Design Time

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


    In Code

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

    To write code in Visual Basic

    Visual Basic
    Copy Code
    Me.C1Carousel1.ShowPager = True
    
    Me.C1Carousel1.PagerType = PagerType.Dots

    To write code in C#

    C#
    Copy Code
    this.C1Carousel1.ShowPager = true;
    
    this.C1Carousel1.PagerType = PagerType.Dots;