Incorrect icon classes?

1 Answer 20 Views
Grid
Kevin
Top achievements
Rank 2
Iron
Iron
Iron
Kevin asked on 22 Apr 2022, 04:45 PM | edited on 22 Apr 2022, 04:46 PM

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
Telerik team
commented on 27 Apr 2022, 12:22 PM

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
Top achievements
Rank 2
Iron
Iron
Iron
commented on 28 Apr 2022, 02:07 PM

That did the trick!  Thanks so much

Anton Mironov
Telerik team
commented on 03 May 2022, 08:50 AM

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

1 Answer, 1 is accepted

Sort by
0
Accepted
Kevin
Top achievements
Rank 2
Iron
Iron
Iron
answered on 28 Apr 2022, 02:08 PM
Issued resolved by adding k-icon in the class list per comments
Tags
Grid
Asked by
Kevin
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Kevin
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or