No clear button in multiselect

10 posts, 1 answers
  1. Attila
    Attila avatar
    3 posts
    Member since:
    Aug 2014

    Posted 15 Sep Link to this post

    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

  2. Patrick
    Admin
    Patrick avatar
    171 posts

    Posted 15 Sep Link to this post

    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.
     
  3. Kendo UI is VS 2017 Ready
  4. Attila
    Attila avatar
    3 posts
    Member since:
    Aug 2014

    Posted 16 Sep in reply to Patrick Link to this post

    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

  5. Answer
    Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 16 Sep Link to this post

    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.
     
  6. Attila
    Attila avatar
    3 posts
    Member since:
    Aug 2014

    Posted 16 Sep in reply to Magdalena Link to this post

    Hi Magdalena,

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

    Regards,

    Attila

  7. Patrick
    Admin
    Patrick avatar
    171 posts

    Posted 16 Sep Link to this post

    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.
     
  8. Leon Javier
    Leon Javier avatar
    2 posts
    Member since:
    Nov 2016

    Posted 10 Nov in reply to Magdalena Link to this post

    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?

  9. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 10 Nov Link to this post

    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.
  10. Leon Javier
    Leon Javier avatar
    2 posts
    Member since:
    Nov 2016

    Posted 10 Nov in reply to Rumen Link to this post

    I actually want the clear button to show, but it never appears.
  11. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 11 Nov Link to this post

    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.
     
Back to Top
Kendo UI is VS 2017 Ready