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

No clear button in multiselect

9 Answers 567 Views
MultiSelect
This is a migrated thread and some comments may be shown as answers.
Attila
Top achievements
Rank 1
Attila asked on 15 Sep 2016, 11:46 AM

Hi!

I was testing this demo:http://dojo.telerik.com/iVIja

I tried to set the clearButton to true/false - but there is not differnce in the output. (In both cases, there is no a clear button on the right side of the multiselect)

What's the problem?

thnx:Attila

9 Answers, 1 is accepted

Sort by
0
Patrick | Technical Support Engineer, Senior
Telerik team
answered on 15 Sep 2016, 06:33 PM
Hi Attila,

One way to remove the X in the item would be to use CSS: 

.k-multiselect-wrap li {
  padding: .1em .4em;
}
.k-i-close {
  display:none;
}

You can see the approach in this Kendo UI Dojo by Progress.  
Hope this helps!

Regards,
Patrick
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Attila
Top achievements
Rank 1
answered on 16 Sep 2016, 05:31 AM

Hi Patrick,

Thanks for your answer, but I think something else - not this "clear button". So there is a demo like this:

http://demos.telerik.com/kendo-ui/multiselect/index

I attached the screenshot: there is a clear button on the right side of the multiselect object. (see red circle) I thought that this option set the visible of this clear button to true or false. Is it correct? If it is, there is not differnce in the output: It will never appear this button. This is my problem...

Thanks:Attila

0
Accepted
Magdalena
Telerik team
answered on 16 Sep 2016, 07:05 AM
Hello Attila,

After updating to the latest Kendo version, the boolean clearButton property works as expected. Here is a modified sample. Keep in mind that the default value of the property is true.

Regards,
Magdalena
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Attila
Top achievements
Rank 1
answered on 16 Sep 2016, 08:28 AM

Hi Magdalena,

Thank you! I have not checked the new versions. I did it, download it and it works.

Regards,

Attila

0
Patrick | Technical Support Engineer, Senior
Telerik team
answered on 16 Sep 2016, 02:38 PM
Hi Attila,

Glad everything is working, and happy to help!

Regards,
Patrick
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Leon Javier
Top achievements
Rank 1
answered on 10 Nov 2016, 04:55 PM

Hi,

I have and older professional version of kendo, but I'm no longer paying the license to get the latest pro version. Is there a fix I can apply? What can I do to have the fix for this bug?

0
Rumen
Telerik team
answered on 10 Nov 2016, 06:16 PM
Hi Leon,

For older versions, you can use the CSS solution provided by Patrick to hide the X button, i.e. http://dojo.telerik.com/@PMcDonou/AfEPa

Best regards,
Rumen
Telerik by Progress
Check out the new UI for ASP.NET Core, the most complete UI suite for ASP.NET Core development on the market, with 60+ tried-and-tested widgets, based on Kendo UI.
0
Leon Javier
Top achievements
Rank 1
answered on 10 Nov 2016, 06:23 PM
I actually want the clear button to show, but it never appears.
0
Rumen
Telerik team
answered on 11 Nov 2016, 10:22 AM
Thanks for the clarification. This is a feature available and supported out-of-the box only by the newer versions.

Regards,
Rumen
Telerik by Progress
 
Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
 
Tags
MultiSelect
Asked by
Attila
Top achievements
Rank 1
Answers by
Patrick | Technical Support Engineer, Senior
Telerik team
Attila
Top achievements
Rank 1
Magdalena
Telerik team
Leon Javier
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or