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

    Specifies the data source field that contains text strings for image alt attributes.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue("Alt")]
    [Parameter]
    public string ImageAltField { get; set; }

    Property Value

    Type Default Description
    String "Alt"

    The name of the data source field.

    Remarks

    Use the Data property to bind the <DxCarousel> component to a data source. Specify ImageSrcField and ImageAltField properties to populate Carousel items with images and corresponding alt attributes from data source fields.

    <DxCarousel Width="500px"
                Height="300px"
                Data="@GetCarouselData()"
                ImageSrcField="Source"
                ImageAltField="AlternateText"
                LoopNavigationEnabled="true"
                ImageSizeMode="CarouselImageSizeMode.FillAndCrop">
    </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 Source { get; set; }
            public string AlternateText { get; set; }
    
            public CarouselData(string source, string alt) {
                Source = source;
                AlternateText = alt;
            }
        }
    }
    
    See Also