Incorrect icon classes?

[Kevin]

I have a grid with a toolbar

    .ToolBar(
        tools =>
        {
            tools.Excel();
            tools.Custom().Text("Finalize").IconClass("k-i-success").HtmlAttributes(new { id = "customButton", @class = "floatRight" });
        }
    )

The icon class is k-i-success (also tried k-i-check-outline)

On this page (https://docs.telerik.com/kendo-ui/styles-and-layout/icons-web) it shows k-i-success as a checkmark in a circle.

But in my toolbar, it is a mail icon

 

Am I doing something wrong, or is there an error in the class name?

[Anton Mironov]

Hi Kevin,

Thank you for the code snippet, images, and details provided.

In order to achieve the desired behavior, use the "k-icon" class along with the needed class for the required image.

Here is an example:

                .ToolBar(
                  tools =>
                  {
                      tools.Excel();
                      tools.Custom().Text("Finalize").IconClass("k-icon k-i-success").HtmlAttributes(new { id = "customButton", @class = "floatRight" });
                  }
                )

Give a try the approach above and let me know if this is the expected result.

Looking forward to hearing back from you.

Kind Regards,
Anton Mironov

[Kevin]

That did the trick!  Thanks so much

[Anton Mironov]

Hi Kevin,

I am glad to hear that the desired result is now achieved.

If any further assistance or information is needed, do not hesitate to contact me and the team.

Best Regards,
Anton Mironov

[Kevin]

Issued resolved by adding k-icon in the class list per comments