This is a migrated thread and some comments may be shown as answers.

[Bug Report] 2013.2.716 Editor toolbar layout issue

4 Answers 40 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Lei
Top achievements
Rank 1
Lei asked on 23 Jul 2013, 11:54 PM
Hi there,

After upgraded to version 2013.2.716, I found that the layout of editor toolbar is not correct if the editor is hidden when initialization and toolbar needs multiple lines. All icons in toolbar are in one line, exceeds the right boarder of editor. If I click the edit area, all icons are positioned correctly. Here is my test code (also attached):

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Kendo UI Editor Toolbar Issue</title>
    <style>
        /* uncomment following line for a workaround */
        /* .k-editor-toolbar{ white-space: normal;} */
    </style>
</head>
<body>
    <h1>Kendo UI Editor Toolbar Issue</h1>
    <div id="editdiv" style="display: none">
        <div>
            <textarea id="editor" cols="30" rows="10"
                style="width:570px;height:300px"></textarea>
        </div>
    </div>
    <button id="show">Show Editor</button>
 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 
    <script>
        $(function(){
            $("#editor").kendoEditor({
                encoded: true,
                tools: [ "bold", "italic", "underline", "strikethrough",
                    "justifyLeft", "justifyCenter", "justifyRight",
                    "justifyFull", "insertUnorderedList", "insertOrderedList",
                    "indent", "fontName", "fontSize", "outdent",
                    "foreColor", "backColor"]
            });
 
            $("#show").on('click', function(){
                $("#editdiv").show();
                $(this).hide();
            })
        });
    </script>
</body>
</html>

I found a temp work around though, add following line to my own css:

.k-editor-toolbar{ white-space: normal;}

Gong

4 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 24 Jul 2013, 08:08 AM
Hello Gong,

Thank you for reporting this issue. It is now fixed and changes will take effect in the next internal and official builds.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Craig
Top achievements
Rank 1
answered on 29 Jul 2013, 10:49 PM
Thanks Dimo!
0
Craig
Top achievements
Rank 1
answered on 03 Aug 2013, 04:24 AM
Hey Dimo,

Curious if there will be an official build soon for this fix? I have some pending changes in my project that I'd love to get out the door but I'd rather push an official build to the server instead of an internal build.
0
Sebastian
Telerik team
answered on 05 Aug 2013, 08:41 AM
Hello Craig,

Official build is not expected soon, rather the Q2'13 service pack release is tentatively scheduled for mid September. In the meantime consider using the latest internal build available for all users with active Kendo UI commercial license.

Kind regards,
Sebastian
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Editor
Asked by
Lei
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Craig
Top achievements
Rank 1
Sebastian
Telerik team
Share this question
or