Close events for comments dialog

3 posts, 0 answers
  1. Shan
    Shan avatar
    7 posts
    Member since:
    Mar 2012

    Posted 19 Mar 2014 Link to this post

    Hello, I am reviewing the commenting feature of the radeditor and have a few questions related to closing a comments dialog. For reference, I'm referring to 

    1. When a comment is clicked, the comment dialog pops up. Once the dialog is open, it seems that the comment dialog can be closed in one of two ways - either pressing the "cancel" button on the comment dialog once it appears, or, clicking somewhere in the editor outside of a comment. Is it possible out of the box to auto-close the comment dialog when clicking anywhere outside of the comment dialog, regardless of whether you click somewhere in the editor or out of the editor?

    2. Is it possible out of the box to have a close widget on the comment dialog? 

  2. Ianko
    Ianko avatar
    1507 posts

    Posted 24 Mar 2014 Link to this post

    Hello Shan,

    Unfortunately such events are not available for out-of-the-box solution. You can further customize the RadEditorTrackChangesInfo module by investigating the rendered HTML elements of the module. You can follow also this example custom code that provides similar functionality to the desired one.

    <telerik:RadEditor ID="theEditor" runat="server" Width="600" Height="400" EnableComments="true">
        <TrackChangesSettings Author="RadEditorUser" UserCssId="reU1"></TrackChangesSettings>
    <script type="text/javascript">
        Telerik.Web.UI.Editor.Modules.RadEditorTrackChangesInfo.prototype.originalInitialize =
        Telerik.Web.UI.Editor.Modules.RadEditorTrackChangesInfo.prototype.initialize = function () {
        Telerik.Web.UI.Editor.Modules.RadEditorTrackChangesInfo.prototype.CustomFunctionality = function () {
            var $ = $telerik.$;
            var saveBtn = $("#" + "rade_tccomment_save_id_" + this._editor._clientStateFieldID);
            var cancelBtn = $("#" + "rade_tccomment_cancel_id_" + this._editor._clientStateFieldID);
            var textarea = this._textarea;
            textarea.onblur = function () {
                if (textarea.value !== "<Enter here>")


    Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

  3. DevCraft R3 2016 release webinar banner
  4. Shan
    Shan avatar
    7 posts
    Member since:
    Mar 2012

    Posted 15 Apr 2014 in reply to Ianko Link to this post

    This seems to work, although I haven't extensively tested. I just decided to look at the comment dialog class and bind to a jQuery event to check when a mouse click occurs outside of the comment dialog.

            $(document).mouseup(function (e)
                var container = $(".reCommentInfoPanel");

                if (! // if the target of the click isn't the container...
                    && container.has( === 0) // ... nor a descendant of the container
Back to Top