Drop Down Arrow

4 posts, 0 answers
  1. Barry Burton
    Barry Burton avatar
    25 posts
    Member since:
    Jan 2010

    Posted 28 Sep 2014 Link to this post

    This may have been covered already, but is there a way to add a drop down arrow to the multiselect widget?  IMO - this would make it more intuitive for users...

    Thanks!
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 30 Sep 2014 Link to this post

    Hello Barry,

    I am afraid that the Kendo UI MultiSelect widget does not have such functionality built-in. You can customize the appearance using CSS and place your own icon somewhere in the widget, but we do not have such example available.

    Regards,
    Kiril Nikolov
    Telerik
     
    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
  4. Dave
    Dave avatar
    4 posts
    Member since:
    May 2015

    Posted 19 Oct 2015 Link to this post

    I was asked to add this on our project recently.

    For anyone who comes across this answer from Google, here's a couple of ways of doing it...

        .k-multiselect:after {
            content: "\25BC";
            position: absolute;
            top: 30%;
            right: 25px;
            font-size: 12px;
        }

    An alternative, with jQuery...

            setInterval(function () {
                $(document).find('.k-multiselect').filter(function() {
                    return !$(this).find('.k-i-arrow-s').length;
                }).append('<span unselectable="on" class="k-select"><span unselectable="on" class="k-icon k-i-arrow-s">select</span></span>');
            }, 50);

    (Every 50ms, find any multiselects which don't have a dropdown caret, and add it.) This feels a little hackier, but is a viable option if you don't want to use CSS pseudo-selectors.

    For both approaches, you need .k-multiselect { position: relative; }, which doesn't cause problems in our app, at least.

     
    Cheers,

    Dave.

  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 21 Oct 2015 Link to this post

    Hello Dave,

     

    Thanks for sharing your suggestion.

     

    I would suggest the CSS way as the jQuery one will be executing code on an interval basis, which I would not recommend.

     

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready