No toolbar is shown in mobile editor if external tools file is set

Progress® Telerik® UI for ASP.NET AJAX Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 06 Oct 2017 09:03 by SUNIL

ADMIN

Vessy

Created on: 21 Jul 2017 17:20

Category: Editor

Type: Bug Report

No toolbar is shown in mobile editor if external tools file is set

Even if the ToolsFile is pointing to a valid file, no toolbar is rendered when the control is loaded in a mobile browser.


Run the following code in Chrome's mobile emulator:
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>RadEditor Mobile Toolbar Vanishing</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Auto" ToolsFile="toolsFile.xml"></telerik:RadEditor>
    </div>
    </form>
</body>
</html>

3 comments

SUNIL

Posted on: 06 Oct 2017 09:03

Yes, You are right. I verified this on my end. Thanks.

ADMIN

Rumen

Posted on: 28 Sep 2017 14:34

Here is how the toolsfile should look:
<?xml version="1.0" encoding="utf-8" ?>
<root>
  <headertools>
    <tool name="Undo"/>
    <tool name="Redo"/>
    <tool name="MobileEdit" Position="Right"/>
    <tool name="ToggleScreenMode" Position="Right"/>
  </headertools>
  <tools name="MainToolbar" enabled="true">
    <tool name="Bold" Shortcut="Ctrl+B"/>
    <tool name="Italic" Shortcut="Ctrl+I"/>
    <tool name="Underline" Shortcut="Ctrl+U"/>
    <tool name="Strikethrough" />
    <tool separator="true" />
    <tool name="Cut" Shortcut="Ctrl+X"/>
    <tool name="Copy" Shortcut="Ctrl+C"/>
    <tool name="Paste" Shortcut="Ctrl+V"/>
    <tool separator="true" />
    <tool name="InsertUnorderedList" />
    <tool name="InsertOrderedList" />
    <tool name="Indent"/>
    <tool name="Outdent"/>
    <tool separator="true" />
    <tool name="JustifyLeft" />
    <tool name="JustifyCenter" />
    <tool name="JustifyRight" />
    <tool name="JustifyFull" />
    <tool name="JustifyNone" />
    <tool separator="true" />
    <tool name="FontSize"/>
    <tool name="ForeColor"/>
    <tool name="BackColor"/>
    <tool separator="true" />
    <tool name="AjaxSpellCheck" />
    <tool name="LinkManager" />
    <tool name="Unlink" />
    <tool separator="true" />
    <tool name="Undo" />
    <tool name="Redo" />
    <tool name="InsertTable" />
    <tool name="InsertImage" />
  </tools>
</root>

ADMIN

Rumen

Posted on: 28 Sep 2017 14:33

After detailed research it appeared that the ToolsFile does not include the required and explained in the documentation headertools section: http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/mobile-support/phone-layout/toolbar-configuration#configuring-tabs-and-tools. See the XML tab in example 3 Rearranging header tools from the ToolsFile.