Insert Progress bar in Grid

Radzen Studio Blazor Server
1

I have a blazor server razor page. That page iterates the list with a Radzen progress bar like this:

<Radzen.Blazor.RadzenProgressBar style="height:20px;width:400px;color:darkorchid " ProgressBarStyle=Radzen.ProgressBarStyle.Info Value="@LaterUsePercent" Unit="@item.BlocksCompleted"></Radzen.Blazor.RadzenProgressBar>

But this just gives me red squiggles when I try to insert into the radzen grid... how should it be inserted ?

<RadzenDataGridColumn TItem="CurrentTest" Property="LaterUsePercent" Title="% Complete">
        <Radzen.Blazor.RadzenProgressBar style="height:20px;width:400px;color:darkorchid " ProgressBarStyle=Radzen.ProgressBarStyle.Info Value="@LaterUsePercent" Unit="@item.BlocksCompleted"></Radzen.Blazor.RadzenProgressBar>
    </RadzenDataGridColumn>

Thanks !

2

You need to use the Template property of RadzenDataGridColumn. Check this demo: Blazor DataGrid custom appearance via column templates

3

Thank you - I was unclear of how data and order was used but decided it must act like a placeholder for the list. Im very pleased with the output

    <RadzenDataGridColumn TItem="CurrentTest" Title="% Complete" Width="420px">
        <Template Context="data">
            <Radzen.Blazor.RadzenProgressBar style="height:20px;width:400px;color:darkorchid " ProgressBarStyle=Radzen.ProgressBarStyle.Info Value="@data.LaterUsePercent" Unit="@data.BlocksCompleted"></Radzen.Blazor.RadzenProgressBar>
        </Template>

    </RadzenDataGridColumn>

Thanks -its a world to learn !