Inline multiselect?

2 posts, 0 answers
  1. Kyle
    Kyle avatar
    16 posts
    Member since:
    Apr 2012

    Posted 02 Apr 2013 Link to this post

    Currently the multiselect widget gets wrapped in a div, causing it to move to a newline. Other similar widgets like the dropdownlist do not. Is there a way I can make the multiselect widget not move to a newline?

    I tried setting the display to be 'inline-block', but then it shifted the multiselect to be 'hovering' above the available data.

    http://imgur.com/GiQURfS
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 04 Apr 2013 Link to this post

    Hello Kyle,

    I have already answered to your support ticket with the same question, however I am pasting my reply here too so the other users who follow this thread can read it: 

    From the provided picture I presume you would like to align Kendo UI DropDownList, AutoComplete and Multiselect widgets on the same line? If this is the case you can set the following CSS to the .k-widget.k-multiselect element

    Copy Code
    <style scoped>
    .k-widget.k-multiselect{
        width400px;
        vertical-alignmiddle;
        display: inline-block;
    }
    </style>
    For your convenience I prepared a simple jsBin example which demonstrates the suggested approach in action. Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top