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]
            )
          )
        }
      )
    )
  )
)

Hi Yash Gandhi,

Try using grids

a!columnsLayout(
      spacing: "NONE",
      columns: {
        a!columnLayout(
          contents: a!gridField(
            data: local!result,
            columns: a!gridColumn(value: fv!row.values[1])
          )
        ),
        a!columnLayout(
          contents: 
          a!gridField(
            data: local!result,
            columns: a!gridColumn(value: fv!row.values[2])
          )
        ),
        a!columnLayout(
          contents: a!gridField(
            data: local!result,
            columns: a!gridColumn(value: fv!row.values[3])
          )
        ),
      }
    ),

It looks like this

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

thank you shyam but i want boxlayout only