This forum has moved to a new location and is in read-only mode. Please visit talk.octobercms.com to access the new location.

  1. Forum
  2. Guides / Resources
  3. [HOWTO] How to set the tabindex in backend form fields?
Tschallacka
Tschallacka

If you want to set the tabindex on the form fields you defined in your backend plugin you need to use the attributes value in fields.yaml

Read about possible form settings at https://octobercms.com/docs/backend/forms#form-field-options

How to use it?

fieldname:
        label: My beautiful field
        span: left
        attributes:
            tabindex: 1   #Yesh, we want this to be the first tab index.

This will translate into something like:

 <input type="text" name="Model[fieldname]" id="Form-field-Model-fieldname" value="Something" placeholder="" class="form-control" autocomplete="off" maxlength="255" tabindex="1">

And now you can set all the tab-indexes to your hearts content.

clone458396
clone458396

Thanks a ton. This was very helpful to me. tabindex doesn't appear to play well with richeditor, which is unfortunate.

1-2 of 2

You cannot edit posts or make replies: the forum has moved to talk.octobercms.com.