Font Awsome Icons not show anymore in title bar

2 posts, 0 answers
  1. Baba
    Baba avatar
    12 posts
    Member since:
    Oct 2015

    Posted 31 May Link to this post

    we were using font awesome icons on windows title bars. after upgrade to last kendo version, it doesn't work anymore 

    sintax was --- modal.setOptions({
                    modal: true,
                    width: "45%",
                    height: "55%",
                    minHeight: 440,
                    title: "<span class='fa fa-info'></span> About..",
                    actions: ["Minimize", "Maximize", "Close"],
                });

  2. Dimitar
    Admin
    Dimitar avatar
    225 posts

    Posted 01 Jun Link to this post

    Hello Baba,

    The observed behavior has been introduced after the R1 SP1 (2017.1.223) release.

    At this point adding HTML to the Kendo UI Window's title property is no longer supported. This change has been introduced in order to prevent any possibility of a script injection when using this property.

    As a workaround for this I can suggest using the jQuery API to append/prepend the needed HTML:
    wnd.element.prev().find(".k-window-title").html("<span class='custom'>drag me</div>")

    I have also setup a working Dojo example for you, which you can find here.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top