The use of "Kendo Controls in the content editor

2 posts, 0 answers
  1. Alexey Shkuro
    Alexey Shkuro avatar
    3 posts
    Member since:
    Dec 2009

    Posted 04 Aug 2014 Link to this post


    I want to insert one of Kendo Controls in the content editor.
    For Example, DatePicker
    I use the following code:

    var editor = $("#editor").data("kendoEditor");
    var elementHtml = "<input id='dtp' />";
    editor.exec("inserthtml", { value: elementHtml });

    Then executes the code for the DatePicker:

    var dtp = $(editor.body).find("[id='dtp']");
    dtp.kendoDatePicker({ animation: false });

    But only displays the input field itself DatePicker is not loaded.

    Tell me, what is wrong.

    Thanks in advance.

    P.S. If I use the insert simple elements (like a button or a text box), everything is displayed correctly.
  2. Alex Gyoshev
    Alex Gyoshev avatar
    2515 posts

    Posted 05 Aug 2014 Link to this post

    Hello Alexey,

    I'm afraid that this scenario is not officially supported and may yield strange behavior in either the editor or the inserted widgets. If you decide to proceed, make sure that you include the widget CSS within the editor iframe via the stylesheets configuration option.

    Alex Gyoshev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top