# Layout

The CheckBoxGroup supports two types of [`Layout`](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.ui.fluent/checkboxgroupbuilder#layoutsystemstring) - `horizontal` and `vertical`. By default, the checkboxes are rendered vertically.

The following example shows how to set the CheckBoxGroup layout:

```Razor HtmlHelper
    @(Html.Kendo().CheckBoxGroup()
        .Name("checkboxgroup")
        .BindTo(new[] { "English", "German", "Italian", "Russian", "Spanish" })
        .Layout("vertical")
        .Value(new string[] { "Italian" })
    )
```

```Razor TagHelper
    @{
        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>
```

## See Also

* [Server-Side API](https://www.telerik.com/aspnet-core-ui/documentation/api/checkboxgroup)