Skip read-only fields when TAB is pressed.

  • intranet.admin
    Asked on May 26, 2014 at 1: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

  • jedcadorna
    Replied on May 26, 2014 at 1: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.


  • jedcadorna
    Replied on May 28, 2014 at 6: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.

    Skip read only fields when TAB is pressed Screenshot 20

    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.

  • liyam
    Replied 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.