This is a migrated thread and some comments may be shown as answers.

Didable Tabstops on Buttons

5 Answers 73 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Michael Hanson
Top achievements
Rank 1
Michael Hanson asked on 22 Oct 2007, 07:17 AM
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.

5 Answers, 1 is accepted

Sort by
0
Tervel
Telerik team
answered on 23 Oct 2007, 10:32 AM
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
0
Michael Hanson
Top achievements
Rank 1
answered on 23 Oct 2007, 06:48 PM
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. 
0
Tervel
Telerik team
answered on 29 Oct 2007, 10:09 AM
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
0
Tomica
Top achievements
Rank 2
answered on 02 Nov 2008, 02:38 AM
Can I get this answer translated into VB?
0
Rumen
Telerik team
answered on 03 Nov 2008, 04:02 PM
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.
Tags
Editor
Asked by
Michael Hanson
Top achievements
Rank 1
Answers by
Tervel
Telerik team
Michael Hanson
Top achievements
Rank 1
Tomica
Top achievements
Rank 2
Rumen
Telerik team
Share this question
or