Hi Michael,

Thank you for your follow-up and for clarifying your requirements regarding FontAwesome icons in normal toolbar buttons.

At this time, there is no built-in configuration option in Kendo UI for jQuery Toolbar that allows you to add custom icons (such as FontAwesome) to standard toolbar buttons without either:

Using the spriteCssClass property (which, as you noticed, may not render FontAwesome icons perfectly due to styling conflicts), or

Overriding the button template entirely using itemTemplate (which is not available for normal buttons in the TypeScript definitions).

The spriteCssClass workaround is the closest built-in approach, but it often requires additional CSS adjustments to display FontAwesome icons correctly.

You can use the following CSS to improve the rendering of FontAwesome icons when using spriteCssClass:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<style>
  .fa.k-sprite,
  .fa.k-sprite::before {
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
  }
</style>

<script>
  $("#toolbar").kendoToolBar({
    items: [
      {
        type: "button",
        text: "Button",
        spriteCssClass: "fa fa-map-marker"
      }
    ]
  });
</script>

However, this does not provide the same flexibility as a dedicated icon property or a built-in template option for normal buttons.

TypeScript Definitions

You are correct that the itemTemplate property is not currently available for normal buttons in the TypeScript definitions. I will ensure it gets added to the TS file.

Please let me know if you have any questions.

Regards,
Nikolay
Progress Telerik

Hello, Michael,

Here you will find how you can add FontAwesome iconsusing the itemTemplate in the Toolbar. Could you please let me know if that would work for you?

If you have a different configuration, kindly provide a Dojo example so that I can investigate further.

Regards,
Martin
Progress Telerik

Hello, Michael,

Please check this example and let me know if it works as expected.

Regards,
Martin
Progress Telerik

Hello, Michael,

As of the last release, the Toolbar uses the standalone SplitButton widget, which exposes the configurations you mentioned. Here you can check our Icons Demo for the possible ways to add an icon to the widget. It also supports a itemTemplate option.

Let me know if you need any further help.

Regards,
Martin
Progress Telerik