RE: How to reduce blank space to left of ADJACENT text field label?

Konduru Chaitanya — Mon, 11 Dec 2023 09:49:29 GMT

I don't think there is much that you can do for that. May a side by side layout with the input fields having "JUSTIFIED" as label position would do a little. But I am not sure if what you are asking is 100% achievable using Text fields.

May be a Rich text Display field as Stefan suggested would work great!

Below is a small reference how it might appear.

{
  a!columnsLayout(
    columns: {
      a!columnLayout(
        contents: {
          a!richTextDisplayField(
            value: {
              a!richTextItem(text: "LABEL 1 NAME: ", style: "STRONG"),
              char(32),
              a!richTextItem(text: "VALUE 1 HERE", ),
              REPEAT(2, CHAR(10)),
              a!richTextItem(text: "LABEL 2 NAME: ", style: "STRONG"),
              char(32),
              a!richTextItem(text: "VALUE 2 HERE", ),
              REPEAT(2, CHAR(10)),
              a!richTextItem(text: "LABEL 3 NAME: ", style: "STRONG"),
              char(32),
              a!richTextItem(text: "VALUE 3 HERE", ),
              REPEAT(2, CHAR(10)),
              a!richTextItem(text: "LABEL 4 NAME: ", style: "STRONG"),
              char(32),
              a!richTextItem(text: "VALUE 4 HERE", ),
              REPEAT(2, CHAR(10)),

            }
          )
        }
      ),
      a!columnLayout(contents: {})
    }
  )
}

RE: How to reduce blank space to left of ADJACENT text field label?

Stefan Helzle — Mon, 11 Dec 2023 09:35:29 GMT

The default components do not support that.

You could toy around with a rich text display field, hide the label, and format the text as needed.