Text field

Question

I have a requirement with one text field ,adjacent to the label of text field i need to have a check box of boolean type how can i acheive this? 
 Thanks..

ranjith.shanmugam · Answer

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

Harsha Sharma · Answer

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.

kunals0003 · Answer

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.