Label
If the RadioGroup is bound to an array of strings, those will be used as both value and label of the respective radio button. If the widget is bound to array of objects, the label option could be used to specify the label content.
Set the Label text
To customize the text of the label, use the label
option.
@(Html.Kendo().RadioGroup()
.Name("radiogroup")
.Items(i =>
{
i.Add().Label("First").Value("1");
i.Add().Label("Second").Value("2");
i.Add().Label("Third").Value("3");
})
)
<kendo-radiogroup name="radiogroup"
radio-name="radiogroup">
<kendo-radiogroup-items>
<kendo-radiogroup-item label="First" value="1"></kendo-radiogroup-item>
<kendo-radiogroup-item label="Second" value="2" ></kendo-radiogroup-item>
<kendo-radiogroup-item label="Third" value="3"></kendo-radiogroup-item>
</kendo-radiogroup-items>
</kendo-radiogroup>
Configure the Label Position
The labels of all radio buttons in the RadioGroup could be rendered before or after the radio buttons.
@(Html.Kendo().RadioGroup()
.Name("radiogroup")
.LabelPosition(RadioGroupLabelPosition.After)
.Items(i =>
{
i.Add().Label("First").Value("1");
i.Add().Label("Second").Value("2");
i.Add().Label("Third").Value("3");
})
)
<kendo-radiogroup name="radiogroup"
radio-name="radiogroup"
label-position="RadioGroupLabelPosition.After">
<kendo-radiogroup-items>
<kendo-radiogroup-item label="First" value="1"></kendo-radiogroup-item>
<kendo-radiogroup-item label="Second" value="2" ></kendo-radiogroup-item>
<kendo-radiogroup-item label="Third" value="3"></kendo-radiogroup-item>
</kendo-radiogroup-items>
</kendo-radiogroup>