Radio Button

Question

When i want to click on radio button then it displays the below selection layout

Harsha · Accepted Answer

I am attaching a sample code to achieve the same. Refer this and share your code if you are having any trouble after this. 
 a!formLayout(
 label: "",
 contents: {
 a!sectionLayout(
 label: "",
 contents: {
 a!radioButtonField(
 label: "Payment Type",
 labelPosition: "ABOVE",
 choiceLabels: {"Online", "Challan"},
 choiceValues: {1, 2},
 value:ri!val,
 saveInto:ri!val,
 choiceLayout: "STACKED",
 validations: {}
 )
 
 }
 ),
 if(ri!val=2,
 a!columnsLayout(
 columns: {
 a!columnLayout(
 contents: {
 a!sectionLayout(
 label: "Lorem Ipsum",
 contents: {
 a!textField(
 label: "Lorem Ipsum",
 labelPosition: "ABOVE",
 saveInto: {},
 refreshAfter: "UNFOCUS",
 validations: {}
 )
 }
 )
 }
 ),
 a!columnLayout(
 contents: {
 a!sectionLayout(
 label: "Lorem Ipsum",
 contents: {
 a!textField(
 label: "Lorem Ipsum",
 labelPosition: "ABOVE",
 saveInto: {},
 refreshAfter: "UNFOCUS",
 validations: {}
 )
 }
 )
 }
 )
 }
 ),{})
 }
)

Harsha · Answer

I am assuming ri!Pay_Type is of type text. If its true, then just add the showWhen attribute with value as ri!Pay_Type="Bank Challan" in the sectionLayout(). I see in the commented part of the section you have "BankChallan" without any space. 
Are you still getting the error you mentioned above? In the Card Type radio button field try changing the showWhen as not(isnull(ri!Pay_Type)) instead of if(). Hope it helps.