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 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>

The workaround is to use the RadEditor's tab functionality instead of browser's.

<telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad">
    <Content>
        <p>test</p>
        <p>test</p>
    </Content>
</telerik:RadEditor>

<script>
    function OnClientLoad(editor, args) {
        var shortcutManager = editor.get_shortCutManager();
        if (shortcutManager.findShortCutByName("InsertTabMozilla")) {
            shortcutManager.removeShortCut("InsertTabMozilla");
            editor.addShortCut("InsertTab", "TAB");
        }
    }
</script>

Drag and drop functionality works great. But when i drag and drop email from outlook into kendo upload control, it was unable to read it. Any solution? appreciate your help. 

Thanks,
Sundeep.

Why not develop a wrapper for the kendoui library like the ext.net libraries do with Sencha ext js?

When the labels' template is not defined, there is an explicit serialization like:

template:"#= dataItem.<data_bound_property> #"

which is in a collision with the DataFormatString property.

Sample code:

ASPX:
<telerik:RadHtmlChart runat="server" ID="Chart">
<PlotArea>
    <Series>
        <telerik:ColumnSeries DataFieldY="Total" Name="Total">
            <LabelsAppearance DataField="Total" DataFormatString="$#,##0.00">
            </LabelsAppearance>
        </telerik:ColumnSeries>
    </Series>
</PlotArea>
</telerik:RadHtmlChart>

C#:
protected void Page_Load(object sender, EventArgs e)
{
    Chart.DataSource = GetData();
    Chart.DataBind();
}

    
private DataTable GetData()
{
    DataTable table = new DataTable();
    table.Columns.Add(new DataColumn("Total", typeof(long)));
    table.Rows.Add(new object[] { 10000000 });
    table.Rows.Add(new object[] { 10000000 });
    table.Rows.Add(new object[] { 10000000 });
    return table;
}

The workaround is to set the ClientTemplate and remove the DataFormatString property or override the template on the client-side:

        <script type="text/javascript">
            function pageLoad() {
                var chart = $find("Chart");
                var widget = chart.get_kendoWidget();

                widget.options.series[0].labels.template = null;

                chart.repaint();
            }
        </script>

As a workaround you can either use Lightweight render mode or Server group load mode.

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>

The following code snippet can be used to prevent this behavior:

<telerik:RadEditor ID="RadEditor1" runat="server">
</telerik:RadEditor>
 
<script type="text/javascript">
    (function (Editor) {
        var setCursor = Editor.Selection.prototype._setCursor;
        if (setCursor) {
            Editor.Selection.prototype._setCursor = function (node, range) {
                return Editor.Utils.isTag(node, "img") ?
                    this._setCursorAfterNode(node, range) : setCursor.call(this, node, range);
            };
        }
    })(Telerik.Web.UI.Editor);
</script>