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
None of the demos are displaying correctly. Take a look at: http://demos.telerik.com/aspnet-ajax/orgchart/examples/overview/defaultcs.aspx. It appears that the stylesheet might be missing.
The markup intellisense doesn't work in VS 2008 with Q1 2014.
There is an on your live demo http://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/rows/detailitemtemplate/defaultcs.aspx