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 .

Some times we get customers using the combobox as a show / hide panel for other stuff. While this is some what clever solution, the combo is not really designed for that.

An alternative would be to use the panelbar, yet it does not fit the purpose of the control I have in mind.

Details panel (or what ever name we come up with) is a control that has a title, sort of like the panelbar and content area that's always custom.

The details pane should allow for two modes: overlay and displace e.g. overlay acts as the way combobox acts now and displace acts in a similar fashion to the current panel bar.

Apart from the aforementioned usage, another example will be the configuration panel in the QSF.

When the user types !, #, $, % or &, the inserted character is not tracked. These characters are typed by Shift+1, Shift+3, Shift+4, Shift+5, Shift+7 keys.

Here is a workaround:
<telerik:RadEditor ID="RadEditor1" runat="server" EnableTrackChanges="true">
	<Content>
		<p>test1</p>
		<p>test2</p>
	</Content>
</telerik:RadEditor>

<script>
	(function () {
		var shouldIgnoreKey = Telerik.Web.UI.RadEditor.prototype._shouldIgnoreKey;
		Telerik.Web.UI.RadEditor.prototype._shouldIgnoreKey = function (e) {
			if (e.shiftKey) {
				if ("code" in e && /^Digit/.test(e.code)) {
					return false;
				}
				if ("key" in e && /^Digit|!|#|\$|%|&/.test(e.key)) {
					return false;
				}
				if (Telerik.Web.Browser.ie && e.keyCode >= 33 && e.keyCode <= 40) {//Shift+1, Shift+3, Shift+4, Shift+5, Shift+7, ...
					return false;
				}
			}
			return shouldIgnoreKey.call(this, e);
		}
	})();
</script>

Hi,
It would be so usefull a template or tool like codesmith or ironspeed to generate database-driven applications or at least a set of pages for CRUD operations where I can list the registers of each table/entity and edit it contents and Its relatives.

Thanks
Ángel.

Recently when I was testing my ASP.Net application on different browsers, I found that in some of the browsers the controls did not work as expected.   These browsers were not in the list of compatible browsers mentioned at following URL:  http://www.telerik.com/aspnet-ajax/tech-sheets/browser-support

I then tried to come up with a method in JavaScript that would check if the current browser matched any one of the compatible browser name and browser version mentioned in above URL.  Then I could simply call this JavaScript method in the  page load event of master page and alert the user that the browser he or she is using is not compatible with the website.

It would be nice if such a method was there as part of RadControls library for ASP.Net AJAX. Such a method could be defined on client-side as well on the server-side.  It would  make life easier for a developer using RadControls, since users of the web site could be easily warned if they were using a browser that RadControls did not support.  Right now end users would just see the application behaving strangely when RadControls are rendered on an unsupported browser. 

I have 2 ideas for teleriks control future, i will love to have a 3D graphics in charts for AJAX ASP.NET controls, the infragistics control have some interesting thinks on this ways. my second idea will be a control that can be used to migrate information for excel to a database in our aplications as you can do in the SQL Integration Services.

Performance and decreasing the footprint of JavaScript/CSS size of pages is very important for major websites. You all clearly know that as it was one of your goals with Lightweight rendering.

We would like documentation that shows the approximate file sizes for the Javascript and CSS files per control. We would also like to know the base libraries:

AnimationFramework.js - KB?
PopupScripts.js - KB?
TouchScrollExtender.js - KB?
ScrollingScripts.js
OData.js (why does this load if we aren't using OData?)
OverlayScript.js
NavigationScripts.js
etc

We would like more control over the loading of these and knowing what functionality dictates what scripts.

This would really help us evaluate whether to use a control or look for a lighter jQuery alternative as we are very concerned with file sizes and the loading time of our web pages.