Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxCarousel.ActiveItemIndex Property

Specifies the active item index.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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