The droppdown tools of RadEditor are not fully visible when ToolbarMode = "RibbonBarFloating" in LightWight.

Reproduction code:
        <telerik:RadEditor ID="reBody" runat="server" ToolbarMode="RibbonBarFloating" RenderMode="Lightweight">
        </telerik:RadEditor>

It would be great if you had a theme/skin for all products, that one could mock-up the page and print it out, but that it would look as if is just some sort of a drawing or sketch.  Once the page was moved from design to development one could change the theme/skin and it would look completely different.

Phil

The OK and Cancel buttons of the Link Manager are cut off in Silk skin in Classic mode. The issue is introduced in 2016 R2 release.

The SlidingZone's tabs titles are rendered upside-down in all browsers in Sharepoint 2010 (except for Internet Explorer). The problem is caused due to a thrown JavaScript error:
Uncaught TypeError: Cannot read property 'removeChild' of null

When the data is initially grouped and later grouping is collapsed, the group does not expand on click again.
The class rgExpand does not change to rgCollapse class.

It works with Telerik.Web.UI.dll version 2014.2.618.40 (release 1/14/2016?)

However, when we upgraded to 2016.2.504.40 (release 5/9/2016?), it is stuck in "Collapse" mode. Cannot expand again in when clicked on the arrow.

Workaround:

<script>
    var $ = $telerik.$;
    Telerik.Web.UI.RadMenuItem.prototype._doAriaFocus = function () {
        var menu = this.get_menu();
        var menuId = menu.get_id() + "_active";

        $(this.get_element()).attr("id", menuId);
        $(menu._getMainElement()).attr("aria-activedescendant", menuId);
    }
</script>

Steps to Reproduce:
1) bold a non tracked word
2) Append an "s" (or other letter) to the previous non tracked word
3) delete the space between the previous word and the bolded word

Actual: the tracking will delete the first letter of the bolded word

Expected: the space should be deleted

Workaround:
<telerik:RadEditor ID="RadEditor1" runat="server" EnableTrackChanges="true">
	<Content>
		<p>some plain text</p>
	</Content>
</telerik:RadEditor>
<script>
	(function ($, $E, undefined) {
		var utils = $E.Utils;
		utils.isInlineSpace = utils.isInlineSpace || function (node) {
			return utils.isTextNodeEmpty(node) && node.previousSibling && node.nextSibling &&
				!utils.isBlockElement(node.previousSibling) && !utils.isBlockElement(node.nextSibling);
		};
		var isSignificantTextNode = function (node) {
			return utils.isTextNode(node) && (!utils.isTextNodeEmpty(node) || utils.isInlineSpace(node));
		};
		var prototype = $E.PlainTextSelector.prototype;
		$E.PlainTextSelector = function (toLeft, topNode) {
			this.toLeft = toLeft;
			var condition = toLeft ?
								function (node, position) { return isSignificantTextNode(node) && (position > 0 && position <= node.nodeValue.length); } :
								function (node, position) { return isSignificantTextNode(node) && (position >= 0 && position < node.nodeValue.length); };

			this.traverser = new $E.DomTreeTraverser(condition, topNode);
		};
		$E.PlainTextSelector.prototype = prototype;
	})($telerik.$, Telerik.Web.UI.Editor);
</script>

Would like a code sample of connecting to Active Directory/LDAP so in the RadComboBox  you can start looking up someone in the company phone book. 
Since this is a common Intranet need, this would be a quick win for many people that were not planning to install SharePoint.

Would be really nice if there was a clearly defined client-side object model for the radGrid. We created a function like the one below by deconstructing the header menu. The jQuery selectors to find the container and affected dropdown lists are really hacky and very brittle.  Reliance on magic strings means that upgrading to future versions is likely to break code like this.

Ideally we should be able to reference (and alter) a client-side filter operators collection like this: grid.headerMenu.filterOperators

function headerMenuShowing(sender, args) {
    var $container = jQuery("div[id^='" + sender.get_id() + "_rghcMenu']");
    var $lists = $container.find("ul.rcbList");
    var gridCol = args.get_gridColumn();
    var dataType = gridCol.get_dataType();
    switch (dataType) {
        case "System.String":
            $lists.find("li:contains('GreaterThan')").hide();
            $lists.find("li:contains('LessThan')").hide();
            $lists.find("li:contains('IsEmpty')").hide();
            $lists.find("li:contains('NotIsEmpty')").hide();
            break;
        case "System.Int32":
        case "System.Int64":
        case "System.Double":
        case "System.Decimal":
        case "System.DateTime":
            $lists.find("li:contains('GreaterThan')").show();
            $lists.find("li:contains('LessThan')").show();
            break;
    }
}

Hello, In one of the pages in our website, we have a RadGrid that uses client-side binding.  Above the grid, there's an "Apply Best Fit" button that executes the following JavaScript:
...
...

applyBestFit: function(tableView)
{
  var columns = tableView.get_columns();

  for (var i = 0; i < columns.length; i++)
    columns[i].resizeToFit(false, true);
}

...
...
In IE, it runs VERY slowly when there's 5,000 grid rows.

I found this post: "http://www.telerik.com/forums/radgrid-with-resizetofit-javascript-issue" and read the recommended link: "http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/performance/grid-performance-optimizations"

I understand that resizeToFit( ) is slow under IE.

I would like to propose that you add a new "MaxRowsToEvaluate" (or similar) parameter to resizeToFit( ) that can be used to control how many grid rows are evaluated when determining the widest size of a column.

With this new parameter, I could pass a value of 25, for example, and know that only up to 25 grid rows will be used in calculating the widest size of a column.  That would speed things up a lot I think.

Using this approach, the resizing would not be perfect, because a cell in the column beyond the "MaxRowsToEvaluate" number of rows may contain a value that's really long, but at least it wouldn't make the browser look like it's hung.

Thanks

http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

       1. Insert the following html:
<div style="float: left;">
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />
</div>

        2. Click the image and update it via ImageManager

Expected:

<div style="float: left;">
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/upload_100.png" />
</div>

Actual: 

<div style="float: left;">
</div>
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/upload_100.png" />

Workaround: 

ControlsToSkip="TextArea"


Steps to reproduce:

<telerik:RadFormDecorator RenderMode="Lightweight" runat="server" EnableRoundedCorners="true" DecoratedControls="All" />

    <telerik:RadEditor ID="RadEditor1" runat="server"  RenderMode="Lightweight" AutoResizeHeight="true">
        <Content>
            a<br/>a<br/>a<br/>a<br/>
        </Content>
    </telerik:RadEditor>

1. Set this content to a page
2. Toggle Preview mode

Actual behavior: TextArea remain visible on the page as its styles get overriden
Expected: TextArea is hidden

 

http://demos.telerik.com/aspnet-ajax/editor/examples/trackchanges/defaultcs.aspx

Select all
Try to change the selection
Actual: Selection is not changed

Expected: Selection is changed

Steps to reproduce: 
Insert a SELECT element containing some OPTION, select it and open InsertSelect dialog.

Expected: The SELECT to be loaded to the dialog and edited after closing it.
Actual: The SELECT is not loaded and a new SELECT has been inserted when closing the dialog.

Workaround: 
<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="InsertFormSelect"></telerik:EditorTool>
        </telerik:EditorToolGroup>
    </Tools>
    <Content>
		<p>Test</p>
    </Content>
</telerik:RadEditor>

<script type="text/javascript">
	var editorPrototype = Telerik.Web.UI.RadEditor.prototype;
	var getSelectedElement = editorPrototype.getSelectedElement;
	editorPrototype.getSelectedElement = function (range) {
		var selected = getSelectedElement.call(this, range);
		return selected && selected.nodeName == "OPTION" ? selected.parentNode : selected;
	};
</script>