<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestRadSlidingZone.aspx.vb" Inherits="TestRadSlidingZone" %><!DOCTYPE html><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"> <Scripts> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> <asp:ScriptReference Path="~/Script/jQuery/jquery-ui-1.8.17.custom.min.js" /> </Scripts> </telerik:RadScriptManager> <div> <telerik:RadSplitter ID="RadSplitter1" runat="server"> <telerik:RadPane runat="server" ID="pNav" Height="100%"> <div id="DivSLZone" runat="server" style="float: left; clear: none; width: 22px; height: 100%;"> <telerik:RadSlidingZone ID="slZone" runat="server" SlideDirection="Right" ClickToOpen="true" Width="22"> <telerik:RadSlidingPane ID="slPane1" Title="sPane 1" runat="server" Width="275" EnableDock="false" Height="100%"> <div runat="server" id="divSlPane1"> </div> </telerik:RadSlidingPane> <telerik:RadSlidingPane ID="slPane2" Title="sPane 2" runat="server" Width="275" EnableDock="false" Height="100%"> <div runat="server" id="divSlPane2"> </div> </telerik:RadSlidingPane> <telerik:RadSlidingPane ID="slPane3" Title="sPane 3" runat="server" Width="275" EnableDock="false" Height="100%"> <div runat="server" id="divSlPane3"> </div> </telerik:RadSlidingPane> </telerik:RadSlidingZone> </div> <div style="height: 100%;"> <asp:PlaceHolder runat="server" ID="phLeft" /> </div> </telerik:RadPane> <telerik:RadSplitBar runat="server" ID="sBar1" CollapseMode="Forward" EnableResize="true" /> <telerik:RadPane runat="server" ID="pContent" Scrolling="none" BackColor="white"> </telerik:RadPane> </telerik:RadSplitter> </div> </form></body></html><telerik:RadCodeBlock runat="server" ID="rcb"> <script type="text/javascript"> $(document).ready(function () { var pnl = $find('<%= slPane1.ClientID%>'); if (pnl != null) pnl._tabContainer.disabled = true; }); </script></telerik:RadCodeBlock>
Partial Class TestRadSlidingZone Inherits System.Web.UI.PageEnd ClassI'm working with the Q2 2014 version of the Editor and I'm using the shortcut attribute in the tools XML file to define various keyboard shortcuts.
I've changed some of the shortcut keys and the Editor is still responding to the default shortcuts. For example, originally the shortcut for the Link Manager was CTRL+K. I want it to be CTRL+L but it still responds to CTRL+K.
Secondly, since I'm using Iframe as the ContentAreaMode because of CSS Styling, I've found that unless the focus is on the Iframe, the keyboard shortcuts don't work at all. How can I get it to work properly on the surrounding areas too? This is important for functions like Save and other custom menu options (Page Properties, etc) along with items like the Image Manager or Document Manager.
Editor Code:
<telerik:RadEditor ID="reContent" runat="server" ExternalDialogsPath="~/RadEditorDialogs/" ToolsFile="tools.xml" ContentAreaMode="Iframe" ContentFilters="MakeUrlsAbsolute, DefaultFilters" EditModes="Design, Html" EnableAriaSupport="True" Skin="Metro" ToolbarMode="RibbonBar" OnClientLoad="onClientLoad" EnableViewState="False"> <Content></Content> <ImageManager ViewPaths="/images" UploadPaths="/images" DeletePaths="/images" MaxUploadFileSize="2100000" ContentProviderTypeName="niagarafalls.DBContentProvider, niagarafalls" SearchPatterns="*.gif, *.png, *.jpg, *.svg, *.svgz" ViewMode="Grid" AllowMultipleSelection="True" EnableAsyncUpload="True" EnableImageEditor="False" EnableThumbnailLinking="False" /> </telerik:RadEditor><tools name="Page" tab="Home"> <tool name="Save" shortcut="CTRL+S"/> <tool name="Page Properties" shortcut="CTRL+R"/> <tool name="New Page" shortcut="CTRL+N"/> <tool name="Open Page" shortcut="CTRL+O"/> </tools><tools name="Links" tab="Insert"> <tool name="LinkManager" size="large" shortcut="CTRL+L"/> <tool name="Unlink" strip="LinksStrip" shortcut="CTRL+SHIFT+L"/> <tool name="DocumentManager" strip="LinksStrip"/> <tool name="ImageMapDialog" strip="LinksStrip"/> <tool name="InsertCustomLink" shortcut="CTRL+ALT+K"/> </tools>