Skip to main content
All docs
V25.1
  • DxCarousel.ActiveItemIndex Property

    Specifies the active item index.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(0)]
    [Parameter]
    public int ActiveItemIndex { get; set; }

    Property Value

    Type Default Description
    Int32 0

    The active item index.

    Remarks

    Use the ActiveItemIndex property to activate a particular Carousel item programmatically. Handle the ActiveItemIndexChanged event to respond to the property change.

    <DxCarousel Width="500px"
                Height="300px"
                Data="@GetCarouselData()"
                ActiveItemIndex="@CarouselItemIndex"
                LoopNavigationEnabled="true"
                ImageSizeMode="CarouselImageSizeMode.FillAndCrop"
                ActiveItemIndexChanged="OnActiveItemIndexChanged">
    </DxCarousel>
    
    <div>@ItemIndexInfo</div>
    

    Carousel - Activate Items in Code

    See Also