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
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
6 Answers, 1 is accepted
0
Accepted
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:
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
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
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
Rob
Top achievements
Rank 2
Iron
Veteran
Iron
Rank 2
Iron
Veteran
Iron
answered on 27 Jan 2015, 11:16 PM
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
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
0
Rob
Top achievements
Rank 2
Iron
Veteran
Iron
Rank 2
Iron
Veteran
Iron
answered on 28 Jan 2015, 12:56 AM
*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
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
0
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
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
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
Ali
Top achievements
Rank 1
Rank 1
answered on 17 Sep 2019, 01:38 PM
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
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
0
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.