Checkbox in FormField

bikash_paudyal · January 4, 2024, 3:15pm

HI
I have create a checkbox inside the RadzenFormField inside ChildContent but RadzenFormField Text is not displayed.

and if I style radzenFormField width into 100% the checkbox also become bigger (100%).
I want to display the text of radzenFormField but the size of checkbox remain as it is.

yordanov · January 4, 2024, 7:58pm

Hi @bikash_paudyal,

I would not suggest placing a checkbox inside a RadzenFormField since the checkbox breaks the "floating label" concept that the FormField is created for.

Yet, if you really insist on using a checkbox inside the FormField, you can try the following:

<RadzenFormField Text="FormField">
    <Start>
        <RadzenCheckBox @bind-Value=@value Name="CheckBox1" Class="rz-my-4"/>
    </Start>
    <ChildContent>
        <RadzenLabel Text="CheckBox Label" Component="CheckBox1" Class="rz-mx-4" />
    </ChildContent>
</RadzenFormField>

You can learn more about the spacing utility classes in this demo:

bikash_paudyal · January 5, 2024, 10:20am

This what I exactly want,

I manage with this code

Thank You