Didable Tabstops on Buttons

[Michael Hanson]

How do I disable the toolbars as tabstops.  I have a single toolbar enabled for the editor I am using, but when I use the tab key to navigate through my input form, every button on the toolbar is a tabstop.

When I tab out of the previous field I want the focus to go straight to the editor pane.

[Tervel]

Hello Michael,

With the new semantic rendering of the toolbars all tools are A elements, and A elements are tabstops in the browser by default. In fact, this is desireable for accessibility reasons - because it allows disabled users to navigate to each tool.

At present pressing F10 in the editor content area would cause the toolbars to gain focus [similar to MS Word]. Based on your question, we extended the F10 shortcut to set the focus from the toolbar to the content area, and this functionality will appear in the coming editor update later this week. We hope that this approach would be useful to you.

Best wishes,
Tervel
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Hanson]

Thanks for that, I understand the reasoning and it makes perfect sense when the Editor is the only or one of very few controls on a page, but for scenarios where it is on a data entry form which is used by computer literate users who will only occasionally use the tools, the majority of the time they just need to type multiple paragraphs or plain text, it is really inconvenient to have to remember to press Tab then F10.  Occasionally they may use a tool, but are highly likely to use the relevant keystroke for it.

Is it possible to extend the tools file to include explicit setting of a tabindex?

We would then at least have the option of setting it to a high value that places it in the tab order after the buttons that save changes to the form.

I may just have to keep an old version of RadEditor handy to avoid the complaints I am getting at the moment. 

[Tervel]

Hi Michael,

We understand your case, so here is a workaround that will prevent editor tools from being recognized as tabstops by the browser:

function OnClientLoad(editor, args)
{
   var buttonsHolder = $get(editor.get_id() + "Top");
   var buttons = buttonsHolder.getElementsByTagName("A");
   for (var i=0; i< buttons.length; i++)
   {
      var a = buttons[i];
      a.tabIndex = -1;
      a.tabStop = false;
   }
}

<telerik:radeditor runat="server" OnClientLoad="OnClientLoad" ID="RadEditor1"> </telerik:radeditor>

Regards,
Tervel
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Tomica]

Can I get this answer translated into VB?

[Rumen]

Hi Tom,

This is a javascript client-side solution. If you want to output this client-side code from the server, you can use

Dim js As String = "alert(1);" //put the js code here
ScriptManager.RegisterStartupScript(Page, Me.GetType(), "EditorUpdateableDropDown", js, True)


Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.