Drop Down Arrow

[Barry Burton]

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!

[Kiril Nikolov]

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

 

 

[Dave]

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.

[Kiril Nikolov]

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

 

 

[Joe]

Is this functionality going to be implemented as a configurable option at any point soon? Or is there any feature request I can vote up that relates to this. It really does detract from the natural usage of the control.

[Veselin Tsvetanov]

Hi Joe,

At the moment, the drop-down arrow for the MultiSelect widget is not scheduled for implementation. However, you could vote for the following feature request in our Feedback portal, which has been opened by Dave.

Regards,
Veselin Tsvetanov
Telerik by Progress