Incorrect icons with Bootstrap-v4 style

2 posts, 0 answers
  1. PaulH
    PaulH avatar
    70 posts
    Member since:
    Mar 2011

    Posted 22 Mar 2019 Link to this post

    I've recently started working on a new ASP.NET Core project and one element I've been working on is using a Kendo UI grid with a custom button with a text of "Approve". I'm using the Kendo Bootstrap-v4 style but this seems to be causing issues with the button icons. In my grids the standard edit and delete buttons show with the correct icons but if I set my "Approve" button to have a .IconClass("k-i-check") I actually get the download icon. If I choose the "k-i-edit" .IconClass instead then i seem to get k-i-check. If I choose "k-i-checkmark-outline" I seem to get "k-i-email". Is this something I'm missing or an issue with the latest version of the files I have in place? I'm using "Kendo UI v2019.1.220". This is only on my development machine currently.

    Css reference as below:

    <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.bootstrap-v4.min.css" />

    Grid column

    columns.Command(command => { command.Edit(); command.Custom("Approve").Click("approveUser").IconClass("k-i-checkmark-outline"); }).Width(120);

     

    Thanks in advance for any advice.

  2. PaulH
    PaulH avatar
    70 posts
    Member since:
    Mar 2011

    Posted 22 Mar 2019 in reply to PaulH Link to this post

    Got it. I didn't realise I also needed to add "k-icon" in the IconClass. So .IconClass("k-icon k-i-check") gives me the icon I want.
Back to Top