Showing DataList items side by side

Radzen.Blazor Components
1

Hi,

is it possible to show DataList items styled like cards side by side from left to right and not each in one row?
Thanks.

2

Hi @leoog5,

Yes, this is possible. Set the WrapItems attribute to true.

    <RadzenDataList WrapItems="true" AllowPaging="@(!allowVirtualization)"
                    Data="@products" TItem="Product" PageSize="5" PagerHorizontalAlign="HorizontalAlign.Left" ShowPagingSummary="true">
        <Template Context="product">
            <RadzenCard>
               @product.ProductName
            </RadzenCard>
        </Template>
    </RadzenDataList>

image
image1940×308 12.4 KB

1 Like
3

Thank you for your help.