Didable Tabstops on Buttons

6 posts, 0 answers
  1. Michael Hanson
    Michael Hanson avatar
    42 posts
    Member since:
    Jan 2007

    Posted 22 Oct 2007 Link to this post

    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.
  2. Tervel
    Admin
    Tervel avatar
    1337 posts

    Posted 23 Oct 2007 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Michael Hanson
    Michael Hanson avatar
    42 posts
    Member since:
    Jan 2007

    Posted 23 Oct 2007 Link to this post

    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. 
  5. Tervel
    Admin
    Tervel avatar
    1337 posts

    Posted 29 Oct 2007 Link to this post

    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
  6. Tomica
    Tomica avatar
    147 posts
    Member since:
    Apr 2008

    Posted 01 Nov 2008 Link to this post

    Can I get this answer translated into VB?
  7. Rumen
    Admin
    Rumen avatar
    12851 posts

    Posted 03 Nov 2008 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017