How to set the tab index for the different fields in a form??? I don't see a

Alex, sorry my mistake in explaining. I was talkin about setting the tab key values for the input fields. For example if i have 10 fields, i need to use tab(key) to navigate to next field. Currently it navigates bt not in order...!!
I want to put it in order.. something like (1)Name (2)Age etc... I want to minimie the mouse usage.

Hi Raghu,

Please check if you could achieve the tab functionality using below code

a!formLayout(
  label: "Form",
  contents: {
    a!columnsLayout(
      columns: {
        a!columnLayout(
          contents: {
            a!textField(
              label: "Name 01",
              labelPosition: "ABOVE",
              refreshAfter: "UNFOCUS"
            )
          }
        ),
        a!columnLayout(
          contents: {
            a!textField(
              label: "Name 02",
              labelPosition: "ABOVE",
              refreshAfter: "UNFOCUS"
            )
          }
        )
      }
    ),
    a!columnsLayout(
      columns: {
        a!columnLayout(
          contents: {
            a!textField(
              label: "Name 03",
              labelPosition: "ABOVE",
              refreshAfter: "UNFOCUS"
            )
          }
        ),
        a!columnLayout(
          contents: {
            a!textField(
              label: "Name 04",
              labelPosition: "ABOVE",
              refreshAfter: "UNFOCUS"
            )
          }
        )
      }
    )
  },
  buttons: a!buttonLayout(
    primaryButtons: {},
    secondaryButtons: {}
  )
)

Hi Raghu,

Please check if you could achieve the tab functionality using below code

a!formLayout(
  label: "Form",
  contents: {
    a!columnsLayout(
      columns: {
        a!columnLayout(
          contents: {
            a!textField(
              label: "Name 01",
              labelPosition: "ABOVE",
              refreshAfter: "UNFOCUS"
            )
          }
        ),
        a!columnLayout(
          contents: {
            a!textField(
              label: "Name 02",
              labelPosition: "ABOVE",
              refreshAfter: "UNFOCUS"
            )
          }
        )
      }
    ),
    a!columnsLayout(
      columns: {
        a!columnLayout(
          contents: {
            a!textField(
              label: "Name 03",
              labelPosition: "ABOVE",
              refreshAfter: "UNFOCUS"
            )
          }
        ),
        a!columnLayout(
          contents: {
            a!textField(
              label: "Name 04",
              labelPosition: "ABOVE",
              refreshAfter: "UNFOCUS"
            )
          }
        )
      }
    )
  },
  buttons: a!buttonLayout(
    primaryButtons: {},
    secondaryButtons: {}
  )
)