Examples: http://demos.telerik.com/silverlight/#Treemap/AbsoluteValueBrushColorizer Add your own example or features you would like a treemap control to have by commenting below.
Like control ProgressBar in WinForms.
TypeScript declarations for the ASP.NET AJAX controls will be of great help for developing projects in TypeScript. See this forum thread for more information: http://www.telerik.com/forums/typescript-declarations
I find myself spending more time than I like writing asp.net forms for my CRUD. I like to keep a separate page for allowing users to Insert/Edit items. It would be super awesome if there was a control that I could drop on the page and configure a datasource and it would generate a simple form. I then could have the option to turn the fields from bound to templates and further customize them! If there is a way to do this please let me know! Keep up the good work you guys rock! Albert Coker
When a user works with large content in the editor and pastes a word in the end of it, the page and content area are scrolled to the top. This causes an inconvenience for the editing behavior, the user should scroll down to continue typing or editing.
The problem is due to the IE native focusing behavior of editable DIV elements.
You can workaround this problem by overriding the setFocus method and implement an if statement that does not focus the content if the AutoResizeHeight is enabled:
<telerik:RadEditor ID="RadEditor1" runat="server" AutoResizeHeight="True" ContentAreaMode="Div">
</telerik:RadEditor>
<script type="text/javascript">
Telerik.Web.UI.RadEditor.prototype.setFocus = function () {
try {
if ($telerik.isIE && this.getSelection().isControl()) return;
var area = this.get_mode() != $T.EditModes.Html ? this.get_contentWindow() : this._getTextArea();
if (this.get_contentAreaMode() == $T.EditorContentAreaMode.Div) area = this.get_contentArea();
if (area && area.focus && !this.get_autoResizeHeight()) area.focus();
}
catch (e) { }
};
</script>
This issue causes inconvenience among users. Block elements in the content cannot be edited properly when used in the RadEditor.
You can workaround this problem by overriding the setActive method of the RadEditor's object:
<telerik:RadEditor runat="server" ID="RadEditor1">
</telerik:RadEditor>
<script type="text/javascript">
Telerik.Web.UI.RadEditor.prototype.setActive = function () {
var $T = Telerik.Web.UI;
if (this._emptyMessageContainer) this._hideEmptyMessage();
if ($telerik.isIE && this.getSelection().isControl()) return;
var curArea = this.get_mode() == $T.EditModes.Html ? this._getTextArea() : this.get_contentArea();
if ($telerik.isIE) {
var activeElement = this.get_document().activeElement;
if ((activeElement && activeElement == curArea) ||
$telerik.$.contains(curArea, activeElement)) {
return;
}
}
if (curArea && curArea.setActive) curArea.setActive();
};
</script>
Currently when we use virtualization in GridTemplateColumn, after scrolling columns changes from GridTemplateColumn to GridBoundcolumn.
This issue causes an additional ghost character to appear in the text without any incorrect user interaction.
For the time being you can incorporate the JavaScript code from the following example:
<telerik:RadEditor runat="server" ID="RadEditor1" EnableTrackChanges="true">
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool name="AcceptTrackChange" text="Accept Track Change" />
<telerik:EditorTool name="RejectTrackChange" text="Reject Track Change" />
<telerik:EditorTool name="AcceptAllTrackChanges" text="Accept All Track Changes" />
<telerik:EditorTool name="RejectAllTrackChanges" text="Reject All Track Changes" />
<telerik:EditorTool name="EnableTrackChangesOverride" text="Enable Track Changes Override" />
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
<script type="text/javascript">
(function () {
var $E = Telerik.Web.UI.Editor;
var utils = $E.Utils;
var isTypingKey = utils.isTypingKey;
utils.isTypingKey = function (e) {
return e.keyCode != 13 && isTypingKey(e);
}
var extractFrom = $E.InsertParagraphCommand.prototype.extractFrom;
$E.InsertParagraphCommand.prototype.extractFrom = function (cursor, container) {
var newElement = extractFrom.call(this, cursor, container);
if (!this.get_editor().get_enableTrackChanges() || utils.isTextNode(cursor.nextSibling)) return newElement;
$telerik.$(newElement).find("*").each(function (index, item) {
if ($E.TrackChangesUtils.isTrackChangeElement(item)) {
if (utils.isTag(item, "ins") || utils.isTag(item, "del")) {
utils.removeNode(item);
return;
}
$E.TrackChangesUtils.removeNodeTracking(item);
}
});
return newElement;
}
}());
</script>