Toolbar disappears with Editor inside Window

3 posts, 1 answers
  1. Jon
    Jon avatar
    21 posts
    Member since:
    Dec 2012

    Posted 13 Apr 2015 Link to this post

    I have a Kendo UI Editor inside a Kendo UI Window. It works fine, but if you highlight some text the toolbar disappears and you can't format it. Clicking outside the editor and then back inside brings the toolbar back, but it will disappear once again if you try to select text. I do not have this issue if I move the editor outside the window. Is there something I'm missing, or is this a bug with the Editor inside a Window?

    Here is my code:

            .Title("New Email")
            .Actions(actions => actions
                @using (Html.BeginForm("SendEmailWithAttachment", "Donor", FormMethod.Post, new { id = "frmEmail" }))
                    <p class="validateTips">
                                    @Html.Kendo().MultiSelectFor(m => m.EmailWithAttachment.ToEmail).Name("ddlTo").BindTo(Model.EmailSelectList).Placeholder("Select address(es)...")
                                <td>BCC (Optional):</td>
                                    @Html.Kendo().TextBoxFor(m => m.EmailWithAttachment.BCC).Name("txtBCC").HtmlAttributes(new { style = "width: 200px;" })
                                    @(Html.Kendo().TextBoxFor(m => m.EmailWithAttachment.Subject)
                                    .HtmlAttributes(new { style = "width: 200px;" }))
                        <br />
                        @(Html.Kendo().EditorFor(m => m.EmailWithAttachment.Body)
                                .HtmlAttributes(new { style = "width: 450px; height: 200px;" })
                                .Tools(tools => tools
                                .Messages(messages => messages
                                .InsertOrderedList("Insert numbered list")
                                    .InsertUnorderedList("Insert bulleted list"))
                                    .Events(events => events.Paste("onEditorPaste"))
                        <input id="chkIncludeSignature" type="checkbox" /> <span>Include saved signature? (Signature defined in the My Profile tab.)</span>
                        <br />
                        <br />
                        <div id="divAttachments">
                            <span>Attachments (Optional):</span>
                            .HtmlAttributes(new { accept = ".png,.jpg,.gif,.xls,.xlsx,.doc,.docx,.pdf,.txt" })
                    <div style="clear: both;">
                        <div style="float: right;">
                            <span id="lblEmailSendStatus"></span>
                            <img id="imgEmailSendStatus" class="loading-invisible" src="~/Image/ajax-loader.gif" alt="" />
                            <input type="submit" id="btnEmailSave" class="k-button" value="Send" />
                            <span id="btnEmailCancel" class="k-button">Cancel</span>

  2. Answer
    Dimo avatar
    8321 posts

    Posted 15 Apr 2015 Link to this post

    Hello Jon,

    Please check the following documentation article:

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Jon
    Jon avatar
    21 posts
    Member since:
    Dec 2012

    Posted 21 Apr 2015 in reply to Dimo Link to this post

    Thank you, that fixes it for me!
Back to Top