Based on customer feedback: fully collapsed groups in the ribbon bar have a smaller height, which leads to a broken layout, when only part of the ribbon groups are fully collapsed.

Based on customer feedback: We just observed the problem that the width where the ribbon completely collapses does not match the width where the ribbon stops being completely collapsed.

Based on customer feedback, we should implement styles in the ribbon, say a class name, that when applied will truncate the titles of ribbon groups.

Though by specification a group title should be short, that's not always possible. Having those styles will allow customers to have the groups being sized according to their content and not the greater of maximum of the content or group title 

This feature will allow users to set long footer's text and it will be displayed on a single line.


<ExportSettings><Pdf><PageFooter><<MiddleCell Text="This is a very long footer that gets split to two lines" /></PageFooter></Pdf></ExportSettings>

The active color of the tabs in the Editor's Image manager is blue, which matches the color of the wrapper of the tabs. The issue occurs in LightWeight Editor, in Metro skin.

video:  https://goo.gl/Un7Evf

The height of the ImageManager's Upload dialog overflows the height of its wrapper when the Editor is used in Metro or Bootstrap skin in LightWeight mode.

Video: https://goo.gl/Kxn2CA

Steps to reproduce:

Use the following markup and click set html button:

<telerik:RadEditor ID="RadEditor1" runat="server" NewLineMode="Div">
<Content>
<div><span style="font-family: 'Courier New';">test</span></div>
<div><span style="font-family: 'Courier New';">&nbsp;</span></div>
<div><span style="font-family: 'Courier New';">test</span></div>
</Content>
</telerik:RadEditor>

<button type="button" onclick="getSetHtml();return false;">set html</button>

<script>
function getSetHtml() {
var editor = $find("RadEditor1");
var html = editor.get_html(true);
editor.set_html(html);
}
</script>

Actual: The white space character in the empty line is removed and the empty line is not rendered

Expected: The space is not removed and the new line is rendered

Workaround:

<script>
	(function ($E) {
		var utils = $E.Utils;
		Telerik.Web.UI.Editor.TrackerBase.prototype.removeZeroWidthNodes = 
			function () {
				var that = this,
					nodes = that.nodes,
					reZeroWidthChar = new RegExp("^[" + that._zeroWidthCharacter + "]+$");

				var nodeValuePairs = that.nodeValuePairs = [];
				for (var i = 0; i < nodes.length; i++) {
					var node = nodes[i];
					if (utils.isTextNode(node) && !that._isNodeRemoved(node)) {
						var nodeValue = node.nodeValue;
						if (reZeroWidthChar.test(nodeValue)) {
							nodeValuePairs.push({ node: node, value: node.nodeValue });
							var parentBlockElement = utils.getBlockParent(node);
							var isInEmptyBlockElement = parentBlockElement && utils.isNodeEmptyRecursive(parentBlockElement);
							node.nodeValue = isInEmptyBlockElement ? "\u00A0" : "";
						}
						else {
							that.removeFirstZeroWidthChar(node);
						}
					}
				}
			}
	})(Telerik.Web.UI.Editor);
</script>

Hi! could you consider implemnet a custom radio button that for the selected shows and image instead of the default circle for the radio button and that include a access key to select the option. That can bind a datasource an configure columns for show the radio options in the image for example can bind a databound for the answers and configure that shows by 2 columns and the image for the radio selected and maybe you can configure if the image is in the left, right, top or bottom