Grid Column Title format string sample

1409 · May 22, 2023, 8:01pm

I've searched but did not find. Something like this does not appear to work to format the DataGridColumn Title:

RadzenDataGridColumn TItem="ConfigModel" FormatString="{Radio-list-heading 1 {0}, Radio-list-heading 2 {1}}" Title="first-radio, second-radio"

My use case is simple: I have a grid with a label and then a RadioButtonList of 3 buttons in one column (they must be in the same column to populate properly from my data I believe). I want the header to label each button, above the button.

Example/Tip? Thanks!

enchev · May 23, 2023, 3:44am

You can use HeaderTemplate to define your custom column header.

1409 · June 3, 2023, 11:21am

Thanks, got it. Is there a reason for the default header text not being vertically centered and always upper case? The "vertical off-center" is stylistically intended?

        <Columns>
            <RadzenDataGridColumn TItem="All1ConfigPageModel">
                <HeaderTemplate>
                   <RadzenText Text=@(L["020623223610-UnitOperationCategory"]) class="rz-text-capitalize"/> 
                </HeaderTemplate>

1409 · June 3, 2023, 3:33pm

The RadioButtonList should automatically space itself to horizontal width 100% while still remaining Responsive design for mobile screens. How can I do that? I've tried several options but the only one that is responsive is the default as show below, which does not use the available width. Any ideas? Thanks!

            <RadzenDataGridColumn TItem="All1ConfigPageModel">
                <HeaderTemplate>
                   <RadzenText Text=@(L["020623223820-SelectMode-Mandatory-Optional-orExclude"]) class="rz-text-capitalize"/> 
                </HeaderTemplate>
                <Template Context="data">
                    <RadzenRow JustifyContent="JustifyContent.Left">
                        <RadzenRadioButtonList Value="data.RadioSelectVal" TValue="int" ValueChanged="@(args => data.RadioSelectVal = args)">
                            <Items>
                                <RadzenRadioButtonListItem Text="" Value="1" Style="--rz-input-background-color: rgba(17,194,40,0.2); --rz-radio-circle-background-color: rgba(17,194,40,0.8); /*margin-left: 2rem;*/ "/>
                                <RadzenRadioButtonListItem Text="" Value="2" Style="--rz-input-background-color: rgba(240,187,13,0.2); --rz-radio-circle-background-color: rgba(240,187,13,0.8); "/>
                                <RadzenRadioButtonListItem Text="" Value="3" Style="--rz-input-background-color: rgba(215,24,24,0.2); --rz-radio-circle-background-color: rgba(215,24,24,0.8) ; "/>
                            </Items>
                        </RadzenRadioButtonList>
                    </RadzenRow>
                </Template>
            </RadzenDataGridColumn>