navigating catalog variables with tab key

MP13
Tera Contributor

Hi good people of developer community, I recently noticed that the display order set for service catalog variables is not followed when I use the Tab key to navigate. Variables are configured inside a container and no matter what layout I select,  pressing the Tab key always moves downwards rather than moving to variable with subsequent order number. Is there a way I can have  the Tab key  move horizontally ?

Thanks in davance

1 ACCEPTED SOLUTION

Michael Jones -
Giga Sage

Unfortunately the tab order is not something easily controlled in ServiceNow. What you end up with is the default browser behavior, which in most cases is to cycle through elements in the order in which they were loaded in the DOM. There isn't a native way to set the tabindex of individual variables. You would have to resort to DOM manipulation, which is best avoided, not to mention increasingly difficult to accomplish within the platform. 

I hope this helps!
Michael D. Jones
Proud member of the GlideFast Consulting Team!

View solution in original post

3 REPLIES 3

Michael Jones -
Giga Sage

Unfortunately the tab order is not something easily controlled in ServiceNow. What you end up with is the default browser behavior, which in most cases is to cycle through elements in the order in which they were loaded in the DOM. There isn't a native way to set the tabindex of individual variables. You would have to resort to DOM manipulation, which is best avoided, not to mention increasingly difficult to accomplish within the platform. 

I hope this helps!
Michael D. Jones
Proud member of the GlideFast Consulting Team!

MP13
Tera Contributor

Thank you for the reply Michael. Fortunately, I managed to figure out some workaround for the issue by having multiple containers created and having only two variables in one container.

 

 

Is there a way that we can change the tab key sequence from top -> bottom to left -> right in the multi row variable set? as we can't use containers in the MRVS.