Change AutoComplete Drop Down Width

2 posts, 0 answers
  1. C
    C avatar
    6 posts
    Member since:
    Jun 2012

    Posted 18 Jun 2012 Link to this post

    Is it possible to change the width of the drop down. Right now I have a text box that is about 100 pixels wide. The drop down that slides down is exactly the same size. However, the autocomplete results come back with both a code and a description. Each item in the drop down is wrapped across 2 to 3 lines. I would prefer to have each item to fit on one line (roughly 300 pixels wide). I adjusted the template to ensure each item had a width of 300 pixels, but all that did was put a horizontal scroll bar in the drop down.

    I suspect it is not possible out of the box since there isn't any documentation on doing so. It also appears that the drop down is wrapped in a div that had its width set through JavaScript. Nonetheless, has anyone successfully implemented this?
  2. Cyndie
    Cyndie avatar
    114 posts
    Member since:
    Jul 2010

    Posted 29 Jun 2012 Link to this post

    This css worked for me:

    #divname .k-autocomplete{
     width: 300px;
    }
  3. Kendo UI is VS 2017 Ready
Back to Top