[Solved] RadComboBox - how to prevent control from growing when selecting items.

[Wojtek]

Hi,

I'm trying to prevent ComboBox from growing as i select more items. Basically what i want to achieve is transition to ShowMoreTemplate when items don't fit in the view and I'm still focused in the control and also have the ClearButton displayed.

I'm ataching two screenshots. The one named ExpectedResult is my goal when control is focused and items don't fit in the view and the dropdown is opened. Also there should be ClearButton displayed to the left of blue arrow. 

[Didi]

Hello Wojtek,

The RadComboBox selected items display in the input area when the control gets focused and selection mode is multiple. This is by design and control implementation. 

For hiding the items we have this request: https://feedback.telerik.com/maui/1638488-combobox-provide-an-option-to-hide-the-tokens cast your vote by pressing the vote button, and press the follow button to subscribe for email notifications.

Solution:

1. Create a custom control.
2. Hide the tokens by overriding the default TokenTemplate. Note that you cannot keep some tokens and some not, remove all tokens or keep them - it is up to you
3. Add a label that displays the selected items count and update its text inside the SelectionChanged event.
4. You can use the example as a base and extend it further based on your scenario. Note that this approach completely override the default control template, and further implementation is up to you.

Regarding to the clear button, it appears when focusing the control. There is a visibility property IsClearButtonVisible so you can change its visibility based on your requirements. 

These are the options I can suggest. Hope the attached file and information will be of help.

Regards,
Didi
Progress Telerik