[Solved] Dialog icons on action

[Seyfor]

I am missing Dialog forum. Maybe you should create it and then move this topic.

How can I add icon or even better define classes for icon in dialog actions?

$("#dialog").kendoDialog({
  actions: [{
      text: "OK",
      spriteCssClass: "fa fa-check",
      action: function(e){
      },
  }]
});

[Orlin]

Extension settings

Hello Matjaž,

The action buttons inside the Dialog accept HTML, so to add an icon class, you can do something like this:

http://dojo.telerik.com/ABiBu/6

Pass a span with the font icon class as the text property of the action. There are some built-in Kendo UI icons and their corresponding CSS classes that are listed at:

http://demos.telerik.com/kendo-ui/styling/icons

I hope this answers your question.

 

Regards,
Orlin
Telerik by Progress

 

 

[palhal]

In newer versions of Kendo, the text field is automatically encoded, i.e. it's not possible to use HTML.

Please implement an option for this, as described here: https://github.com/telerik/kendo-ui-core/issues/7783

[Ian]

This should be marked down as NOT answered

[Nikolay]

I recommend casting your vote fo this feature in the below link:

https://feedback.telerik.com/kendo-jquery-ui/1655922-add-icon-property-to-dialog-action-buttons

As soon as it gets popular it will be included in the RoadMap for implementation.