Text field

Its not possible to have the checkbox before the textfield itself, as described in your usecase. As a workaround you can add a label-less checkbox component below the textfield in the UI. For user's it can make do as related to the text field but from the backend code textField and checkboxField can be tied together. 

Hi sri21,

Try using a!sideBySideLayout() and add a checkbox field without a label next to your text field. They will look very close together exactly as you want them.

Hi Srimathi,

try below code

a!localVariables(
  local!text,
  local!check,
  {
    a!sideBySideLayout(
      items: {
        a!sideBySideItem(
          item: a!textField(
            label: "TEXT :",
            labelPosition: "ADJACENT",
            readOnly: true,
            
          ),
          width: "MINIMIZE"
        ),
        a!sideBySideItem(
          item: a!checkboxField(
            choiceLabels: { "" },
            choiceValues: { true },
            value: local!check,
            saveInto: local!text,
            
          ),
          width: "MINIMIZE"
        ),
        a!sideBySideItem(
          item: a!textField(
            label: "",
            value: local!text,
            saveInto: local!text
          ),
          width: "MINIMIZE"
        ),
        
      },
      alignVertical: "BOTTOM"
    )
  }
)