This is a migrated thread and some comments may be shown as answers.

Drop Down Arrow

5 Answers 715 Views
MultiSelect
This is a migrated thread and some comments may be shown as answers.
Barry Burton
Top achievements
Rank 1
Barry Burton asked on 28 Sep 2014, 01:13 PM
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!

5 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 30 Sep 2014, 08:20 AM
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!
 
0
Dave
Top achievements
Rank 1
answered on 19 Oct 2015, 04:01 PM

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.

0
Kiril Nikolov
Telerik team
answered on 21 Oct 2015, 07:37 AM

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!
 
0
Joe
Top achievements
Rank 1
answered on 29 Mar 2017, 02:28 PM
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.
0
Veselin Tsvetanov
Telerik team
answered on 31 Mar 2017, 07:32 AM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
MultiSelect
Asked by
Barry Burton
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Dave
Top achievements
Rank 1
Joe
Top achievements
Rank 1
Veselin Tsvetanov
Telerik team
Share this question
or