Dialog icons on action

2 posts, 1 answers
  1. Matjaž
    Matjaž avatar
    80 posts
    Member since:
    Jul 2015

    Posted 16 Sep Link to this post

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

  2. Answer
    Orlin
    Admin
    Orlin avatar
    22 posts

    Posted 20 Sep Link to this post

    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.
     
  3. Kendo UI is VS 2017 Ready
Back to Top