This problem causes link and other elements to be added in the top of the content and not to modify the actual selected element.
This issue is happening due to the insertion of the /n character in the comment editable area. This character breaks the logic of some content filters and they are replacing the greater than and less than characters in the HTML mode. Possible workaround is to disable the ConvertCharactersToEntities filter: C# example: RadEditor1.DisableFilter(EditorFilters.ConvertCharactersToEntities); VB example: RadEditor1.DisableFilter(EditorFilters.ConvertCharactersToEntities)
This issue causes incorrect user experience. The users are forced to do multiple actions to replace a word while using the Track Changes feature.
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.
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>
It was bug in the Firefox, and now works as expected. Here is markup for testing:
<script runat="server">
protected void RadTextBox1_TextChanged(object sender, EventArgs e)
{
newText.Text = RadTextBox1.Text;
}
</script>
<asp:Label runat="server" ID="newText"></asp:Label>
<telerik:RadTextBox runat="server" ID="RadTextBox1" AutoPostBack="true" OnTextChanged="RadTextBox1_TextChanged"></telerik:RadTextBox>
<asp:Button Text="submit" runat="server" />
Resize before focus, and the focus and start typing.
Here is the page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<telerik:RadTextBox ID="RadTextBox1" runat="server" TextMode="MultiLine" Resize="Vertical"></telerik:RadTextBox>
</form>
</body>
</html>
Basic screen design tool will help designers design screens quickly and visualize how they will look with Telerik controls. And then developer with telerik license can develop it as designed by designer.
The shortcut TAB key provides correct behavior only for IE ( entities are added). UNder Firefox and Chrome the behavior is incorrect and not expected.
In FF - nothing is added to the content, moves the focus to the next HTML element.
In Chrome - a SPAN element is inserted.
A possible resolutions replacing the added shortcut for TAB key with the InsertTab command:
<telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad">
</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");
}
}
</script>
Instead of pages like this, which exist for every control and aren't very helpful: http://www.telerik.com/help/aspnet-ajax/scheduler-appearance-skins.html I think the skins page should actually render the control and allow developers/designers to select a skin from a drop down to properly demonstrate how the control appears in that skin. The logic behind this is somewhat similar to the property explorer pages. As with the property explorer pages, the RenderMode should also be selectable from the proposed skin page because it affects the way the skin is rendered. Without this feature I find myself starting a test page, typing in a skin name, save changes, load page, new skin name... repeat, repeat. Please add this feature to make this process a whole lot easier.
All dialog windows triggered from SmartTags (ODataDataSource configuration wizard per say) are distorted and mostly or completely unusable in HDPI environments (150% scaling). In particular we can observe few main points: * Window too big to fit on the screen * Text too big to fit in designated area * Layout completely distorted * Icons not showing correctly