RadzenCheckBoxListItem more than 1 column

Radzen.Blazor Components
1

i am trying to add check box items into more than one column, but cant figure out how to do it, the inspect element makes it look like the checkboxlist will always go under any other Divs. ive tried the form group in and outside of the 

<div class="form-group row">
<RadzenCheckBoxList @bind-Value=@model.Value AllowSelectAll="true" SelectAllText="Select all items" TValue="int" Orientation="Orientation.Vertical">
    <Items>
            <div class="col-4">
                <RadzenCheckBoxListItem Text="1" Value="1" />
                <RadzenCheckBoxListItem Text="2" Value="2" />
                <RadzenCheckBoxListItem Text="3" Value="3" />
                <RadzenCheckBoxListItem Text="4" Value="4" />
                <RadzenCheckBoxListItem Text="5" Value="5" />
                <RadzenCheckBoxListItem Text="6" Value="6" />
                <RadzenCheckBoxListItem Text="7" Value="7" />
                <RadzenCheckBoxListItem Text="8" Value="8" />
            </div>
            <div class="col-4">
                <RadzenCheckBoxListItem Text="9" Value="9" />
                <RadzenCheckBoxListItem Text="10" Value="10" />
                <RadzenCheckBoxListItem Text="11" Value="11" />
                <RadzenCheckBoxListItem Text="12" Value="12" />
                <RadzenCheckBoxListItem Text="13" Value="13" />
                <RadzenCheckBoxListItem Text="14" Value="14" />
                <RadzenCheckBoxListItem Text="15" Value="15" />
                <RadzenCheckBoxListItem Text="16" Value="16" />
            </div>
            <div class="col-4">
                <RadzenCheckBoxListItem Text="17" Value="17" />
                <RadzenCheckBoxListItem Text="18" Value="18" />
                <RadzenCheckBoxListItem Text="19" Value="19" />
                <RadzenCheckBoxListItem Text="20" Value="20" />
                <RadzenCheckBoxListItem Text="21" Value="21" />
                <RadzenCheckBoxListItem Text="22" Value="22" />
                <RadzenCheckBoxListItem Text="23" Value="23" />
            </div>
    </Items>
</RadzenCheckBoxList>
</div>
2

You can use RadzenStack with horizontal orientation instead div or RadzenRow with two RadzenColumns. Check Layout section in our demos for reference.

3

i have tried moving the inside and outside of the and section. i added instead of divs, and i get the same issue, i get either 3 small green bars on top of the 1 column of checkmark lists, or i get 3 long green columns with nothing in it and a 4th with my checkmark data. the checkmark list is somehow forced outside of anything its inside, even looking at the inspect browser elements. i assume the listbox has some sort of element where it pushes itself into its own space with the select all button? even without using the select all button there was issues.

i guess ill also note I'm on version 4.34.4 since the newest one has some errors that will not resolve, and this version gave me no issues. so if there was a recent update to this checkboxlist, i may not be getting it.

radzen chockboxes
radzen chockboxes1232×1620 206 KB