Change multiselect item remove icon

1 Answer 15 Views
MultiSelect
Todor
Top achievements
Rank 1
Todor asked on 20 Dec 2024, 06:02 AM

Hi,

How can I replace multiselect item remove icon with the old one? The new icon is svg icon. My version is 2024.3.1015

new icon

 old icon

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 24 Dec 2024, 05:21 PM

Hello Todor,

To rever to the old icon in the MultiSelect you will have to implement custom logic for it. For example:

        select: function(e) {
          setTimeout(function() {
            $(".k-chip-remove-action .k-svg-i-x-circle").remove();
            $(".k-chip-remove-action").append('<span class="icon"></span>');          
            kendo.ui.icon($(".icon"), { icon: 'x' });
          })
        }

Dojo demo: https://dojo.telerik.com/eDEZnYwf

Regards,
Nikolay
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
MultiSelect
Asked by
Todor
Top achievements
Rank 1
Answers by
Nikolay
Telerik team
Share this question
or