This is a migrated thread and some comments may be shown as answers.
SelectedItems MultiLine?
6 Answers 44 Views
This is a migrated thread and some comments may be shown as answers.
Rob
Top achievements
Rank 1
Rob asked on 27 Jan 2015, 03:23 AM
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

6 Answers, 1 is accepted

Sort by
0
Accepted
Ralitsa
Telerik team
answered on 27 Jan 2015, 11:37 AM
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
 

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 1
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

0
Rob
Top achievements
Rank 1
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




0
Ralitsa
Telerik team
answered on 28 Jan 2015, 09:57 AM
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
 

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
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
0
Dimitar
Telerik team
answered on 18 Sep 2019, 06:57 AM

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.
Asked by
Rob
Top achievements
Rank 1
Answers by
Ralitsa
Telerik team
Rob
Top achievements
Rank 1
Ali
Top achievements
Rank 1
Dimitar
Telerik team
Share this question
or