Add CheckBox to a ComboBox

[Guarana91]

Hello everyone,

can anyone post me a simple xaml code snipset to add CheckBox items into a ComboBox?

I searched in the forum but there is no simple example.

I thought something like this

<telerik:RadComboBox>
                            <telerik:RadComboBox.ItemTemplate>
                                <DataTemplate>
                                    <kzv:KzvCheckBox/>
                                </DataTemplate>
                            </telerik:RadComboBox.ItemTemplate>
                            <telerik:RadComboBoxItem Content="Test"/>
                        </telerik:RadComboBox>

But the CheckBox is still missing

Thanks for your help.

[Martin Ivanov]

Hello Janko,

ItemTemplate is used with the ItemsSource of the control. In case you defined RadComboBoxItem objects directly in the Items collection, the ItemTemplate won't work. 

To achieve your requirement, you can define the CheckBox directly into the Content of the RadComboBoxItem element.

<telerik:RadComboBoxItem>
	<telerik:RadComboBoxItem.Content>
		<kzv:KzvCheckBox/>
	</telerik:RadComboBoxItem.Content>
</telerik:RadComboBoxItem>

I hope that helps.

Regards,
Martin Ivanov
Progress Telerik

[Guarana91]

I tryed now this

<telerik:RadComboBox>
  <telerik:RadComboBoxItem>
     <telerik:RadComboBoxItem.Content>
         <CheckBox Content="Test 1"/>
         <CheckBox Content="Test 2"/>
     </telerik:RadComboBoxItem.Content>
   </telerik:RadComboBoxItem>
</telerik:RadComboBox>

But I cant define a second Checkbox in the Content. And it has a really strange Behavior. The CheckBox shows up on the front of my MainView totaly outside of the ComboBox in debug mode.

[Martin Ivanov]

The Content property allows you to define only a single object. To define more than one UI elements, like CheckBoxes, you will need to wrap them in an items panel. For example, you can use a StackPanel or a Grid.

<telerik:RadComboBoxItem.Content>
<StackPanel>
<CheckBox Content="Test 1"/>
<CheckBox Content="Test 2"/>
</StackPanel>
 </telerik:RadComboBoxItem.Content>