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

    Specifies whether to stop the slide show on paging.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.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:

    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;
            }
        }
    }
    
    See Also