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

Remove the delete cross

1 Answer 597 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Gary
Top achievements
Rank 1
Gary asked on 28 Sep 2020, 06:25 PM

Hi 

I have a multi selft dropdown list in mvvm.

to make the choices selected a little bit smaller I wiuld like to remove the x delete cross. Attached pic shows what i mean.

 

Is it through css or a setting?

 

Any help wil be appreciated.

 

Gary

 

 

1 Answer, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 30 Sep 2020, 12:01 PM

Hi Gary,

As far as I see from the provided screenshot you are using MultiSelect widget. If this is the case, you could use the 'k-i-close' class in order to hide the 'X' button. Below is a sample style:

 <style>
        .k-button .k-icon.k-i-close {
          display: none !important;
        } 
 </style>

Here is a Dojo example of MultiSelect in MVVM scenario and where the 'X' button is hidden.

I hope this helps.

Regards,
Neli
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Tags
DropDownList
Asked by
Gary
Top achievements
Rank 1
Answers by
Neli
Telerik team
Share this question
or