Tab order

Hi, I have a series of objects on my form (text inputs, date pickers, comboboxes, etc.). Is there a way to set the tab order from one to the next?

You should be able to work around this by right-clicking each input element and selecting Arrange > Bring to Front in the order you want the tabs to go.

Thank you! :slight_smile:

Or you can use the Layers Toolbar and drag and drop in the order you want. In Editor it can be found on both the Tools Menu and on the bottom off the Toolbar.

that is clear as mud. element-1 (bring to front) right-click on element-2 (bring to front) hmmm ?

None of these suggestions work. I tried changing the layer order. When I publish, it flips right back. What did I miss.

Yes, Arrange > Bring to Front worked as described

Note that some elements will default to a particular order based on their hierarchy on the page. For example, a section element that is higher up on the page than another section element, you won’t be able to “Bring to Front” the lower down section.

This is true for some other elements (like boxes) depending on the structure of the page and their size/configuration. If you find that an element refuses to be pushed back or brought forward, it may be because the structure of that element won’t allow it to be moved. Try using a different element or wrapping everything in a box.

Yes, I was finding that Preview mode would respect the order I specified in the Layers panel but as soon as I saved or Published, the order would revert. To get around this, I placed a container box over all the input fields, changed the opacity to 0%, and placed it first in the ordered list. With this configuration, I am able to reorder the fields and they don’t revert after Publishing. I don’t think we should need to do this (it should just respect the order), but I am glad to have a solution.

That doesn’t work. The Layers option is how you do it properly.

Use the layers option, it works as suggested. The Bring to Front is bunk.

As @Kevon_Crumb mentioned, the layers panel has an effect on the DOM order.

There’s also more details about working with the DOM order in this article - Site Performance: Your Site's DOM Order | Help Center | Wix.com

I am using Editor. I tried the arrange bring to front, didn’t work. I tried dragging the input fields into the order I wanted on the layer, didn’t work. I tried adding a container box, dragging all my input fields onto it, and dragging them into the order I wanted on the layer, didn’t work. What next?