DxCarousel.StopSlideShowOnPaging Property

Specifies whether to stop the slide show on paging.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool StopSlideShowOnPaging { get; set; }

Property Value

Type	Default	Description
Boolean	false	true to stop the slide show on paging; otherwise, false.

Remarks

Set the SlideShowEnabled property to true to enable the slide show functionality. Use the StopSlideShowOnPaging property to specify whether to stop slide show on manual paging. Manual paging includes the following actions:

• Navigation button clicks (NavButtonsDisplayMode)
• Pager clicks (PagerDisplayMode)
• Clicks on the right or left side of the content area (AllowPagingByClick)
• Scrolling the mouse wheel (AllowMouseWheel)
• Swipe gestures
• Left Arrow and Right Arrow key presses

Example

The following code snippet switches Carousel slides automatically and stops the slide show on paging:

<DxCarousel Width="500px"
            Height="300px"
            Data="@GetCarouselData()"
            LoopNavigationEnabled="true"
            ImageSizeMode="CarouselImageSizeMode.FillAndCrop"
            SlideShowEnabled="true"
            StopSlideShowOnPaging="true">
</DxCarousel>

@code {
    List<CarouselData> GetCarouselData() {
        List<CarouselData> result = new List<CarouselData>();
        result.Add(new CarouselData("../images/image1.jpg", "Image 1"));
        result.Add(new CarouselData("../images/image2.jpg", "Image 2"));
        result.Add(new CarouselData("../images/image3.jpg", "Image 3"));
        result.Add(new CarouselData("../images/image4.jpg", "Image 4"));

        return result;
    }

    public class CarouselData {
        public string Src { get; set; }
        public string Alt { get; set; }

        public CarouselData(string src, string alt) {
            Src = src;
            Alt = alt;
        }
    }
}