SelectedItems MultiLine?

[Rob]

Hey Guys

I would like the selectedItems to line wrap when required. Ideally I would like the control to grow in height when the user selects enough items that require a new line. ( the same way as the Telerik MultiSelect Web Controls work)

See screen Shot.. the top control has the minimum height updated to what I would like to be the maximum height , however the selected items just dis appear off and cannot be seen.

I have been fiddling with the minimum , maximum sixes etc, but I don't seem to find how to achieve this. ( Maybe it's related to how I add the selected items?)

Any help most appreciated.

Rob

[Ralitsa]

Hi Rob,

Thank you for contacting us. 

You need to set the Multiline and WordWrap properties of the CheckedDropDownAutoCompleteBoxElement to true. Here is the code snippet: 

this.radCheckedDropDownList1.AutoSize = true;
this.radCheckedDropDownList1.CheckedDropDownListElement.AutoCompleteEditableAreaElement.AutoCompleteTextBox.Multiline = true;
this.radCheckedDropDownList1.CheckedDropDownListElement.AutoCompleteEditableAreaElement.AutoCompleteTextBox.WordWrap = true;

Please take a look at the attached video (drag and drop over the browser to play) and sample demo which demonstrates you the behavior of the list. 

I hope this will help. Do not hesitate to write back with further questions.

Regards,
Ralitsa
Telerik

 

 

[Rob]

Thanks so much for the video and example Ralitsa

I updated my project with those set, without any change.  I guessed it was to do with the way I was binding to a custom object , so I built a new project to demonstrate it didn't work..  only to find that the cut down example with the same custom bindings also works..

I have compared every parameter between the 2 projects and at this point I'm at a loss as to why 1 works and the other doesn't.

I'll carry on trying to find the issue.

Thanks again

Rob

[Rob]

*Face Palm*

I'm updating an old product I wrote years ago.. and forgot I have a whole locale / translation process that re-initializes all the controls when it sets the language. ( sets locale and then translations for every control)

Of course when I reinitialize all the controls ( to update the locale), I loose any property settings that are set in code.

All working now as it should.

Thanks again.

Rob

[Ralitsa]

Hi Rob,

Thank you for your reply. 

In my previous post I attached a sample demo which was created with the RadCheckedDropDownList. The control was introduced in Q3 2014 (version 2014.3.1104). I didn`t know that you were upgrading your project. 

I am glad that the problem you were facing is now resolved. Do not hesitate to write back with further questions. 

Have a nice day. 
Ralitsa
Telerik

 

 

[Ali]

Hello,
Using radCheckedDropdownList in Multiline, selected tags (I mean the checked items , with a close button on them) align on the left top corner.
I want them to be in the middle center regardless to the number of lines.
It is important because I set the size of radCheckedDropdownList-object to be able to show 3 lines , but in some cases we have just 1 line of selected items , aligned to the top-left and it is not nice at all.
Is there any attribute to set for using the object multilined and middle-center aligned?

Thanks in advance.
Ali

[Dimitar]

Hi Ali,

You can use the following property for this: 

    radCheckedDropDownList1.CheckedDropDownListElement.AutoCompleteEditableAreaElement.AutoCompleteTextBox.TextAlign = HorizontalAlignment.Center;

I hope this helps. Should you have any other questions, do not hesitate to ask.

Regards,
Dimitar
Progress Telerik