Layout
The CheckBoxGroup supports two types of layout - "horizontal" and "vertical". By default the checkboxes are rendered vertically.
The following example shows how to set the CheckBoxGroup layout:
@(Html.Kendo().CheckBoxGroup()
.Name("checkboxgroup")
.BindTo(new[] { "English", "German", "Italian", "Russian", "Spanish" })
.Layout("vertical")
.Value(new string[] { "Italian" })
)
@{
var data = new InputGroupItemModel[]
{
new InputGroupItemModel(){ Value = "English"},
new InputGroupItemModel(){ Value = "German"},
new InputGroupItemModel(){ Value = "Italian"},
new InputGroupItemModel(){ Value = "Russian"},
new InputGroupItemModel(){ Value = "Spanish"},
};
var value = new string[] { "Spanish" };
}
<kendo-checkboxgroup name="checkboxgroup"
bind-to="data"
layout= "@CheckBoxGroupLayout.Vertical"
value="value">
</kendo-checkboxgroup>