SelectedItems MultiLine?

7 posts, 1 answers
  1. Rob
    Rob avatar
    80 posts
    Member since:
    Jan 2012

    Posted 26 Jan 2015 Link to this post

    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
  2. Answer
    Ralitsa
    Admin
    Ralitsa avatar
    192 posts

    Posted 27 Jan 2015 Link to this post

    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.

     
  3. Rob
    Rob avatar
    80 posts
    Member since:
    Jan 2012

    Posted 27 Jan 2015 Link to this post

    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

  4. Rob
    Rob avatar
    80 posts
    Member since:
    Jan 2012

    Posted 27 Jan 2015 Link to this post

    *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




  5. Ralitsa
    Admin
    Ralitsa avatar
    192 posts

    Posted 28 Jan 2015 Link to this post

    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.

     
  6. Ali
    Ali avatar
    8 posts
    Member since:
    Nov 2014

    Posted 17 Sep 2019 Link to this post

    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
  7. Dimitar
    Admin
    Dimitar avatar
    2960 posts

    Posted 18 Sep 2019 Link to this post

    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.
Back to Top