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!

In it's current state the RadButton only emulates the looks of a MenuButton, but not the behaviour.

In my point of view, such control should prove valuable to customers. More over, there is a growing need of base controls since we already have a at least three such implementations.

A RadMenuButton should be the base (or it's base should be the base) for all control specific implementations of a menu button

Hi  Telerik Support Team,

   This is suggestion,can find only one viewer to view all type files,pls look http://groupdocs.com/apps/viewer/live-demo,this viewer first generate png and js file using pdf2json.exe and mudra.exe form pdf file.
So at first other than pdf file using Aspose dll convert into pdf file,and then generate png and js file form converted pdf.
Currently we did above way to view all types of file in viewer,so if in teleriik  control ,it look more attractive way,like how ordinary button differe telerik button.
It just request/suggestion only,so not possible pls ignore it.

And compare 2 files interface possible in telerik control,in Notepad++ can do compare 2 files,it give different result .