Skip read-only fields when TAB is pressed.

  • Profile Image
    intranet.admin
    Asked on May 26, 2014 at 01:11 PM

    Please can you tell me if and how it is possible to 'skip' over read-only fields when navigating through a form using TAB

     

    kind regards

    Richard

  • Profile Image
    jedcadorna
    Answered on May 26, 2014 at 01:54 PM

    Hello Richard,

    I think this is possible if you download your form source and modify the code. You add an event where it checks the button that was keyed in and will do the function if the condition is true.

    I was searching through web and found this sample line used using javascript.

    $("#test").find("read-only").on("keydown", function(){...}); 

    Will do some test to see how this works then will inform you about this function.


  • Profile Image
    jedcadorna
    Answered on May 28, 2014 at 06:18 AM

    Hello Richard,

    Sorry for getting back late. I found an easier way to skip fields. At first I was looking at this SkipOnTab demo but didn't know that there is much easier way.

    Adding tabindex=-1 to your input field would skip it when tab is pressed. You can see in my sample image that tabindex=-1 is added to the readonly input fields. Click here to see the sample form.

    Also, I was thinking that this might be beneficial especially for longer forms like registration form and some fields are already populated and as readonly. Skipping those readonly fields might at least save some time. 

    Let me try to submit a request about this feature maybe an option under preferences that will be set to enabled or disabled so that readonly will be skipped if feature is enabled. Let's wait for our devs what they have to say about this feature, mabye they can add this.

  • Profile Image
    liyam
    Answered on May 31, 2014 at 12:25 AM

    Hello Richard,

    This is now implemented.  All fields that are set to read only shall be skipped by tab key.  If you have other questions or concerns, please do let us know.

    Thanks.