This is a migrated thread and some comments may be shown as answers.

Dialog icons on action

1 Answer 119 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Saop
Top achievements
Rank 1
Saop asked on 16 Sep 2016, 12:51 PM

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){            
      },
  }]
});

1 Answer, 1 is accepted

Sort by
0
Accepted
Orlin
Telerik team
answered on 20 Sep 2016, 07:57 AM
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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
General Discussions
Asked by
Saop
Top achievements
Rank 1
Answers by
Orlin
Telerik team
Share this question
or