Creating a BoxLayout

Can you share the code of that interface?

I assume you are using a foreach to iterate on the rows. Do you use fv!item to reference the values?

Sorry Stefan, i cannot share a code it's a organisation policy but for labels i am using fv!item and for values I am using local variables where values of document data is populating with fv! index in textbox

If you can share a code with above scenario what I have written how can be it is shown as sample with for each then i can use it as a reference in UI

Sorry, but without seeing your code, I cannot say anything.

okay, i will give you a logic of that code not whole code you can see what is need to be updated

In the items, get rid of [1] . That should do.Also define the first a!forEach in a correct format. But where is the box layout? 

I am not understanding Konduru, i am using cardlayout for boxes

a!localVariables(
  local!result: {
    {
      values: {
        "firstname",
        "lastname",
        "city"
      }
    },
    {
      values: {
        "rakesh",
        "sharma",
        "mumbai"
      }
    },
    {
      values: {
        "rahul",
        "dongre",
        "gondia"
      }
    },
    {
      values: {
        "priti",
        "kataria",
        "delhi"
      }
    },
  },
  a!forEach(
    items: remove(local!result, 1),
    expression: a!localVariables(
      local!row: fv!item,
      a!boxLayout(
        marginBelow: "STANDARD",
        contents: {
          a!forEach(
            items: local!result[1].values,
            expression: a!textField(
              label: proper(fv!item),
              value: local!row.values[fv!index]
            )
          )
        }
      )
    )
  )
)

a!localVariables(
  local!result: {
    {
      values: {
        "firstname",
        "lastname",
        "city"
      }
    },
    {
      values: {
        "rakesh",
        "sharma",
        "mumbai"
      }
    },
    {
      values: {
        "rahul",
        "dongre",
        "gondia"
      }
    },
    {
      values: {
        "priti",
        "kataria",
        "delhi"
      }
    },
  },
  a!forEach(
    items: remove(local!result, 1),
    expression: a!localVariables(
      local!row: fv!item,
      a!boxLayout(
        marginBelow: "STANDARD",
        contents: {
          a!forEach(
            items: local!result[1].values,
            expression: a!textField(
              label: proper(fv!item),
              value: local!row.values[fv!index]
            )
          )
        }
      )
    )
  )
)

It is not working stefan, I want without hardcoding values, i have shared a screenshot of document when file gets uploaded ER get called

The data structure I created should be quite similar to the one you have.

I think what Stefan has mentioned is just what you have asked for here in this space. It is working perfectly for me. What is that you are seeing on screen when you are using Stefan's code? You can just update the local with your ER or the source of the data. That should definetely work. 

Stefan and Konduru, code is working, thank you