Question

Feature Request: Ability to remove a form field from the tab index

Forms Ideas

Updated May 9

asked on February 11, 2022 • Show version history

It would be helpful if we had the ability built in to remove a field or tooltip from the tab index.

Currently I do this at times with the following JavaScript and CSS, but if it could be a checkbox on each field that would be a nice feature.

    $('.disableTab input, button').attr('tabindex', -1);
    $('.cf-tooltip').attr('tabindex', -1);

***Additional keywords for search: Disable Tab, skip field when using tab key, remove field from tabindex***

4 0

Replies

replied on May 9 • Show version history

I think this would go along well with a feature request I made back in 2015 to be able to set the tab order for fields: Feature Request: Ability to Set Tab Order for Fields - Laserfiche Answers. Lexie linked from it to this post, so I thought I would return the favor

1 0

replied on February 11, 2022

Cool idea!

0 0

replied on February 13, 2022

Can you share with us the use case of skipping field or tooltip when using tab key?

0 0

replied on February 14, 2022

It makes the form more functional when using it to enter numbers.

Here a video demonstrating a use case:

https://www.screencast.com/t/bfcEDwDX7H9

0 0

replied on September 7, 2022

This is also helpful when a lookup fills a required field marked as read only with JS and the submitter tabs through it from the trigger field. If the submitter tabs past it before the lookup completes it triggers the required field error. Thank you for the code to disable a specific field!

0 0

replied on May 7

How can I do this in the modern Forms Designer? I have read-only fields that I'd like to avoid having the user tab through to get to the next entry field.

0 0

replied on May 8

Unfortunately, I do not believe this is currently possible in the Forms Layout Designer (Modern Designer).

Editing the tab index is not something that is an option in the built-in field options. And as for any Javascript solutions, like the one shared on this post... The Layout Designer cannot directly edit the structure of the DOM like the Classic Designer could, only the parts of the fields that have been made available through the LFForm interface. A review of the help documentation for using the LFForm interface shows that tabindex (or tab index or tab_index) isn't listed anywhere on the page.

1 0

replied on May 8 • Show version history

Thank you, @████████. I did look through the LFForm interface documentation, and was hoping there might be more that wasn't documented. I wonder if something can be done through CSS. Maybe only background change, and not tab index.

1 0

replied on May 9

You can use CSS to change how an item looks based on its tab index, but you can't actually edit the tab index.

Unfortunately, it is something that Laserfiche would need to enhance to either allow editing of the tab index directly from the designer, or allowing it to be edited using Javascript and the LFForm interface. If you want to request that enhancement to happen, I would recommend starting a new post as it will have better visibility than this one from 2022.

0 0

You are not allowed to follow up in this post.

Question

Question

Feature Request: Ability to remove a form field from the tab index

Replies

Sign in to reply to this post.