=a!formLayout( label: "New Purchase Request", firstColumnContents: { a!sectionLayout( firstColumnContents: { a!pickerFieldUsers( label: "Requested By", labelPosition: "ABOVE", value: loggedInUser(), /* The saveInto parameter must be configured in order to save a value */ saveInto: {}, required: true, validations: {} ), a!dropdownField( label: "Department", labelPosition: "ABOVE", placeholderLabel: "--- Select Department ---", choiceLabels: {"Finance", "Human Resources", "Marketing", "Sales", "IT"}, choiceValues: {"Finance", "Human Resources", "Marketing", "Sales", "IT"}, saveInto: {}, required: true, validations: {} ), a!dateField( label: "Due Date", labelPosition: "ABOVE", value: today(), saveInto: {}, required: true, validations: {} ), a!textField( label: "Special Instructions", labelPosition: "ABOVE", /* The value parameter must be configured to display a value in the component */ saveInto: {}, refreshAfter: "UNFOCUS", required: true, validations: {} ) }, secondColumnContents: { a!textField( label: "Shipping Address", labelPosition: "ABOVE", saveInto: {}, refreshAfter: "UNFOCUS", required: true, validations: {} ), a!textField( label: "Town", labelPosition: "ABOVE", saveInto: {}, refreshAfter: "UNFOCUS", required: true, validations: {} ), a!textField( label: "State/Province", labelPosition: "ABOVE", saveInto: {}, refreshAfter: "UNFOCUS", required: true, validations: {} ), a!textField( label: "Zip/Postal Code", labelPosition: "ABOVE", saveInto: {}, refreshAfter: "UNFOCUS", required: true, validations: {} ) } ), a!gridLayout( label: "Items", headerCells: { a!gridLayoutHeaderCell(label: "Select"), a!gridLayoutHeaderCell(label: "Category"), a!gridLayoutHeaderCell(label: "Qty", align: "RIGHT"), a!gridLayoutHeaderCell(label: "Unit Price", align: "RIGHT"), a!gridLayoutHeaderCell(label: "Amount", align: "RIGHT"), a!gridLayoutHeaderCell(label: "") }, columnConfigs: { a!gridLayoutColumnConfig(width: "DISTRIBUTE"), a!gridLayoutColumnConfig(width: "DISTRIBUTE"), a!gridLayoutColumnConfig(width: "NARROW"), a!gridLayoutColumnConfig(width: "DISTRIBUTE"), a!gridLayoutColumnConfig(width: "DISTRIBUTE"), a!gridLayoutColumnConfig(width: "NARROW") }, rows: { a!gridRowLayout( contents: { a!radioButtonField(label:"",choiceLabels:{"Option1"},choiceValues:{"1"}), a!dropdownField( placeholderLabel: "--- Select a Category ---",choiceLabels: {"Hardware", "Software", "Travel", "Recruiting", "Miscellaneous"}, choiceValues: {"Hardware", "Software", "Travel", "Recruiting", "Miscellaneous"}, saveInto: {}, validations: {}), a!integerField(saveInto: {}, validations: {}, align: "RIGHT"), a!floatingPointField(saveInto: {}, validations: {}, align: "RIGHT"), a!textField(value: dollar(0), saveInto: {}, refreshAfter: "UNFOCUS", readOnly: true, validations: {}, align: "RIGHT"), a!linkField(links: {a!dynamicLink(label: "✕", saveInto: {})}, align: "CENTER") , } ), a!gridRowLayout( contents: { a!radioButtonField(label:"XDF",choiceLabels:{"Option2"},choiceValues:{"2"}), a!textField(readOnly: true), a!textField(readOnly: true), a!textField(value: "Total", readOnly: true, align: "RIGHT"), a!textField(value: dollar(0), readOnly: true, align: "RIGHT"), a!textField(readOnly: true), } ) } ), a!linkField( labelPosition: "COLLAPSED", links: { a!dynamicLink(label: "+ Add Item", saveInto: {}) } ), a!gridLayout( label: "Label", headerCells: { a!gridLayoutHeaderCell(label: "Header Label") }, columnConfigs: {}, rows: {}, selectionSaveInto: {}, validations: {} ) }, secondColumnContents: {}, buttons: a!buttonLayout( primaryButtons: { a!buttonWidgetSubmit( label: "Submit", style: "PRIMARY", saveInto: {} ) }, secondaryButtons: { a!buttonWidgetSubmit( label: "Cancel", style: "NORMAL", value: true, saveInto: ri!cancel, skipValidation: true ) } ), validations: {} )