RadHtmlChart does not cache the correct size when placed inside initially hidden iframe.

Workaround:

            function redrawChart() {
                kendo.drawing.util.TextMetrics.current._cache = new kendo.drawing.util.LRUCache(1000);
                $find("<%=RadHtmlChart1.ClientID%>").get_kendoWidget().redraw();
            }

Please update stylebuilder to match up with latest controls.. there is no skin generated yet for tilelist and lightbox. also last update Q3 2013 doesnt include default skin files in telerik's folder. where i could download base skin files of telerik?

when trying to use the Visual Style Builder with IE 11, I get error

"System requirements not met

The Visual Style Builder requires a modern browser.

You can either upgrade Internet Explorer, or try Firefox for better experience on javascript-rich applications, such as this."

Visual style builder is not working properly in google chrome, doesnt reflect the changes that I m doing to create the style.

To cater for SharePoint Lists (or Excel/SQl Sources) with large columns can the Freeze Columns property from the underlying RadGrid be exposed to the SpRadGrid

When RadEditor or SPRadEditor is placed in a SharePoint web part and export to RTF is initiated, the following exception is thrown:

Metadata file 'Telerik.Web.UI.dll' could not be found

when using spradgrid designer in SharePoint to retrieve data from sql tables the sql tables are ordered in a non sequence. this is really frustrating if you have a lot of tables. It would be great if you can order them by the table name.

Thanks   

Dear Team,

I using Telerik for SharePoint on a page layout I am using the tag below

<telerik:RadHtmlField id="EnglishContent" FieldName="English Content" runat="server"> </telerik:RadHtmlField>

My customer requires to have a default text value inside this editor every time the user creates new page from the page layout. When I am trying to use rhe <content> tag I got an error that the tag content is not recognized as a Rad HTML Field tag.

The current behavior of the table insertion works by adding the cursor outside the table. This behavior causes inconsistent issues (e.g. In IE the cursor appears in the last TD, but the typed text is after the table) and faulty user experience.

In desktop rich text editors (e.g. MS Word), when a table is inserted the first table cell is selected and this is the users' expected behavior.

You can test the modified command by following this example:

<telerik:RadEditor runat="server" ID="RadEditor1" OnClientPasteHtml="OnClientPasteHtml">
</telerik:RadEditor>

<script type="text/javascript">
    var identifierID = "RadEditor_AfterTable";

    function OnClientPasteHtml(editor, args) {
        var commandName = args.get_commandName();

        if (commandName === "InsertTable" || commandName === "TableWizard" ) {
            var currValue = args.get_value();
            currValue = currValue.replace(/<\/table>/gi, "</table><div id=" + identifierID + ">&#x200B;</div>");
            //currValue = currValue + "<div id=" + identifierID + ">&#x200B;</div>";
            
            args.set_value(currValue);
            setTimeout(function () {
                selectFirstTD(editor)
            }, 0);
        }
    }

    function selectFirstTD(editor) {
        var $ = $telerik.$;
        var contBody = editor.get_contentArea();
        var identifier = $(contBody).find("#" + identifierID);
        var table = identifier.prev();
        var elmToSelect = table.find("th")[0] || table.find("td")[0];

        if (elmToSelect.childNodes && !$telerik.isIE) {
            elmToSelect = elmToSelect.childNodes[0].nodeName === "#text" && elmToSelect.childNodes[0];
        }

        var hasNextElement = identifier.next()[0];
        
        while (hasNextElement && $(hasNextElement).is("style")) {
            hasNextElement = $(hasNextElement).next()[0];
        }
        
        editor.selectElement(elmToSelect);

        if (!hasNextElement) {
            table.after("<br/>");
        }

        identifier.remove();
    }
</script>

Due to accessibility matters this shortcut currently focuses the last tool in the toolbar.

It would be great if developers could be available to modify the default behavior and attach a special command that behaves more like the MS Word's Shift+Tab command. The following behavior is the one experienced in desktop rich text editors:

    1. In text - The command adds a simple TAB (e.g. four white spaces).
    2. In list - The selected list item is being outdented.
    3. In table - The cursor moves to the previous cell.

A customization that provides such behavior can be easily implemented using a custom command and the addShortCut method:

<telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad">
    <Content>
        Text<br/>
        <ol>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
        </ol>
        <br/>
        <table>
            <tr>
                <td>Cell</td>
                <td>Cell</td>
            </tr>
            <tr>
                <td>Cell</td>
                <td>Cell</td>
            </tr>
        </table>    
    </Content>
</telerik:RadEditor>

<script type="text/javascript">
    function OnClientLoad(editor, args) {
        var shortcutManager = editor.get_shortCutManager();

        if (shortcutManager.findShortCutByName("InsertTabMozilla")) {
            shortcutManager.removeShortCut("InsertTabMozilla");
            editor.addShortCut("InsertTab", "TAB");
        }

        editor.addShortCut("ShiftTabCommand", "Shift+TAB");
        editor.addShortCut("Underline", "Cmd+U");
    }

    Telerik.Web.UI.Editor.CommandList["ShiftTabCommand"] = function (commandName, editor, args) {
        var selectedElement = editor.getSelectedElement();
        var nodeName = selectedElement.nodeName;
        if (nodeName === "LI") {
            editor.fire("Outdent");
        } else if (nodeName === "TD") {
            Telerik.Web.UI.Editor.Utils.MoveToPreviousCell(selectedElement, editor);
        } else {
            editor.fire("InsertTab");
        }
    };
</script>

The image constrain tool in the image properties dialog is loaded as disabled by default. Mostly users easily can enable it the whole time, but the better user experience is this tool to be enabled by default. This way the user will be able directly to manipulate the image size without breking the correct proportions. 

When a list item is set with a color or background color, only the text gets modified. A more appropriate user experience would be if the whole list item get affected by the chosen value.

The following custom Inline Command modification changes the behavior of the ForeColor command and provides more desktop-like text editing experience to the users.

<telerik:RadEditor ID="RadEditor1" runat="server">
<Content>
    <ol>
        <li>list item</li>
        <li>list item</li>
        <li>list item</li>
    </ol>
</Content>
</telerik:RadEditor>

<script type="text/javascript">
    (function ($, $E, utils) {
        $E.ForeColor = function (editor, commandSettings, options) {
            $E.ForeColor.initializeBase(this, [editor, commandSettings, options]);
        };

        $E.ForeColor.prototype = {
            formatFragment: function (fragment) {
                var formatNode;
                var parent = fragment.getParent();

                var parentFormatted = this.findSameFormattedAncestor(parent);
                if (parentFormatted && this.hasSameFormattingValue(parentFormatted)) {
                    return;
                }
                if (this.shouldFormatParentNode(fragment)) {
                    this.formatNode(parentFormatted || parent, true);
                }
                else {
                    for (var i = 0; i < fragment.nodes.length; i++) {
                        var node = fragment.nodes[i];
                        if (this.isMarker(node) || this.hasSameFormatting(node)) {
                            continue;
                        }
                        if (utils.isTag(node, 'font')) {
                            this.formatFont(node);
                        }
                        else {
                            var nodeName = this.settings.tag || "SPAN";
                            if (node.nodeName == nodeName && !node.parentNode.style[this.settings.cssName]) {
                                this.formatNode(node);
                            }
                            else if ((node.parentNode.nodeName == nodeName || node.parentNode.nodeName === "LI") &&
                                this.getNodesTextContent([node]) == this.getNodesTextContent([node.parentNode])) {
                                this.formatNode(node.parentNode);
                            }
                            else {
                                formatNode = this.createInlineNode();
                                fragment.insertBeforeFirst(formatNode);
                                fragment.appendTo(formatNode);
                            }
                        }
                    }
                }
            }
        };

        $E.ForeColor.registerClass("Telerik.Web.UI.Editor.ForeColor", $E.InlineCommandWithValue);
    })($telerik.$, Telerik.Web.UI.Editor, Telerik.Web.UI.Editor.Utils);
</script>

Such functionality would improve the user experience for UI interaction of the end-users with the RadEditor tools.

Such behavior can be achieved using the following customization with the RadEditor control:

<telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad">
</telerik:RadEditor>
<script>
    function OnClientLoad(editor, args) {
        editor.attachEventHandler("onkeyup", function (e) {
            if (e.keyCode == 27)
            {
                closeContextMenus(editor.get_toolAdapter()._contextMenus);
            }
        })
    }

    function closeContextMenus(contextMenus) {
        for (var menu in contextMenus) {
            contextMenus[menu].hide();
        }
    }
</script>

Under IE11 the pasting from Word is handled natively by the browser. When pasting content with list element, the list items are pasted with paragraphs inside.

This behavior is W3C compliant, but when it comes to editable content, such scenario causes inappropriate behavior of the tools interacting with the block elements. E.g., a paragraph in a list item cannot be considered as list item, and the tools will not be able to modify the list item. On other side, if a paragraph is considered as list item, any paragraph formatting commands will affect the paragraph, and not the list.

A suitable behavior would be to handle the paragraphs and transform them to span or br elements to keep correct formatting, and the list, indent, outdent and other block commands to interact correctly with the Editor content.

The following paste event handler transforms the paragraphs to span elements:

<telerik:RadEditor runat="server" ID="RadEditor1" OnClientPasteHtml="OnClientPasteHtml"></telerik:RadEditor>

<script type="text/javascript">
    function OnClientPasteHtml(editor, args) {
        var cleanContent = args.get_value(),
            regexp = /(<li.+)(<p)(.+)(<\/p)(.+)/gi,
            replaceString = "$1<span$3</span$5";

        while (cleanContent.match(regexp)) {
            cleanContent = cleanContent.replace(regexp, replaceString)
        }

        args.set_value(cleanContent);
    }
</script>

formatting is lost when content is pasted from ms word 2010 to radeditor

When i copy paste bulleted conted from MS word 2010 in Rad editor, it appends extra style margin in the last line and shifts the content towards the right. I  used StripFormattingOptions= "MSWord" and StripFormattingOptions= "None SuppressCleanMessage" but none of these options are helping.
I also disabled all the filters. Please let me know how i can retain my bulleted formattings while i copy paste from MS word 2010.Attaching the screenshots

IE browser handles backspaces at some extent, but causes undesired HTML formatting when the entire UL|OL is wrapped in another DOM element. 

RadEditor can reuse the DeleteCommand implementation in order to bypass browser's behavior and give more reliable results.


The following override can show you how you can handle this on your own and correct the browser result (Note that the script should be loaded after the RadEditor scripts in order to work):

<telerik:RadEditor runat="server" ID="RadEditor1">
    <Content>
            <div>
                <ul>
                    <li>Purple</li>
                    <li></li>
                </ul>
            </div>
    </Content>
</telerik:RadEditor>

<script>
    var originalApplyFix = Telerik.Web.UI.Editor.DeleteFix.prototype.applyFix;

    Telerik.Web.UI.Editor.DeleteFix.prototype.applyFix = function (e) {
        var that = this;
        var $E = Telerik.Web.UI.Editor;
        var utils = $E.Utils;
        var range = that._getRange();
        
        originalApplyFix.call(that, e);

        if (Telerik.Web.Browser.ie) {
            var startContainer = range.startContainer;
            if (utils.isTag(startContainer, "li") && utils.isEmptyDom(startContainer) && !startContainer.nextElementSibling) {
                var outdent = new $E.OutdentCommand(that.editor);
                outdent.onExecute();
                $telerik.preventDefault(e);
            }
        }

    };
</script>

NOBODY supports this turd of a browser anymore.  
http://www.buuteeq.com/blog/why-we-dont-support-ie7/

Your css codebase could trim up a ton removing all the crappy hacks.  Worked for kendo, and nobody is missing it.

I'm sure your developers would have a party (week long) if they could ditch having to support it too.

You're such a big market player supporting it just helps ie7 hold on to it's MEASLY <1% marketshare...stop contributing :)

Vote now people!