gridRowLayout conditionl contents

Question

Hi, 
 Is there any way to display textField/radioButtonField 's in gridRowLayout based on satisfying given condition ? I have a column, it can be of either dropdown or text field or radiobutton. Type of row has to be decided based on column header selection (column header selection happens dynamically). I have tried using required option but its not working. 
 a!gridRowLayout( contents: { a!dropdownField( labelPosition: "COLLAPSED", placeholder: "Please select one", choiceLabels: {"A","B","C","D"}, choiceValues: {"A","B","C","D"}, value:"", saveInto: a!save(ri!answerList.answerValue,save!value), required: exact(fv!item.type = "grid",true(),false()), disabled: rule!APN_isTrue(ri!isReadOnly) ), a!radioButtonField( value: "", choiceLabels: {"False", "True"}, choiceValues: {false, true}, saveInto: a!save(local!gridQuestionsList.defaultAnswer,save!value), required: if(fv!item.type = "radio button",true(),false()) 
 ) 
 } 
 )

Peter Lewis · Answer

I'd suggest moving what you currently have in your contents to a separate rule. Then, I'd run a!forEach() across that rule to generate the correct number of columns in the grid. Since you use a!forEach() for both the configs and the contents, you should always end up with the same number of columns. 
 Something like this: 
 contents: {
 a!forEach(
 items: local!gridQuestionsList.questionID,
 expression: rule!EX_SelectComponent(
 id: fv!item,
 )
 ),
 ...
} 
 This is similar to option 2 from the poster above, but I think having this in a separate rule can help you to more easily test the results and ensure it will work for each type of component.

vimalkumars · Answer

Mounika, 
 If you are looking for a way to show an interface to capture responses for a list of question, I would recommend interface "Option A" 
 Interface - Option A: 
 
 Sample code 
 a!localVariables(
 local!gridQuestionsList: {
 a!map(
 questionID: 1,
 type: "text box",
 label: "Question 1"
 ),
 a!map(
 questionID: 1,
 type: "radio button",
 label: "Question 2"
 ),
 a!map(
 questionID: 1,
 type: "dropdown",
 label: "Question 3"
 )
 },
 {
 a!gridLayout(
 labelPosition: "ABOVE",
 headerCells: {
 a!gridLayoutHeaderCell(label: "Question"),
 a!gridLayoutHeaderCell(label: "Answer"),
 if(
 ri!isReadOnly = false(),
 a!gridLayoutHeaderCell(label: ""),
 {}
 )
 },
 columnConfigs: {
 a!gridLayoutColumnConfig(width: "DISTRIBUTE", weight: "3"),
 a!gridLayoutColumnConfig(width: "DISTRIBUTE", weight: "2"),
 a!gridLayoutColumnConfig(width: "NARROW")
 },
 rows: {
 a!forEach(
 items: local!gridQuestionsList,
 expression: {
 a!gridRowLayout(contents:{
 a!richTextDisplayField(
 value: a!richTextItem(text: fv!item.label)
 ),
 choose(
 lookup({"text box", "radio button", "dropdown"},fv!item.type,1),
 a!textField(
 labelPosition: "COLLAPSED",
 value: "",
 /*saveInto: a!save(ri!answerList.answerValue, save!value),*/
 showWhen: fv!item.type = "text box"
 ),
 a!radioButtonField(
 value: "",
 choiceLabels: { "False", "True" },
 choiceValues: { false, true },
 /*saveInto: a!save(*/
 /*local!gridQuestionsList.defaultAnswer,*/
 /*save!value*/
 /*),*/
 showWhen: fv!item.type = "radio button"
 ),
 a!dropdownField(
 labelPosition: "COLLAPSED",
 placeholder: "Please select one",
 choiceLabels: {
 "Consumer Credit",
 "Consumer Debit",
 "Prepaid",
 "Ecommerece"
 },
 choiceValues: {
 "Consumer Credit",
 "Consumer Debit",
 "Prepaid",
 "Ecommerece"
 },
 value: "",
 /*saveInto: a!save(ri!answerList.answerValue, save!value),*/
 showWhen: fv!item.type = "dropdown",
 disabled: ri!isReadOnly=false()
 )
 
 ),
 if(
 ri!isReadOnly = false(),
 a!imageField(
 label: "delete " ,
 images: a!documentImage(
 document: a!iconIndicator("REMOVE"),
 altText: "Remove Row",
 link: a!dynamicLink(
 value: fv!index,
 saveInto: {
 a!save(
 local!program,
 remove(local!program, save!value)
 )
 }
 )
 ),
 size: "ICON"
 ),
 {}
 )
 })}
 )
 },
 selectionSaveInto: {},
 validations: {},
 shadeAlternateRows: true
 )
 }
) 
 
 Interface Option B: 
 
 Sample code 
 a!localVariables(
 local!questionID: { "230108" },
 local!gridQuestionsList: {
 a!map(
 questionID: 1,
 type: "text box",
 label: "Question 1"
 ),
 a!map(
 questionID: 1,
 type: "radio button",
 label: "Question 2"
 ),
 a!map(
 questionID: 1,
 type: "dropdown",
 label: "Question 3"
 )
 },
 local!program: "test",
 /* local!answerIndex:if(rule!GPO_APN_isEmpty(ri!answerList),null,wherecontains(ri!question.questionID, tointeger(ri!answerList.question.questionID))),
 local!questionType:lower(ri!question.type),
 local!columnscount:count(split(ri!question.defaultValue,";")),
 local!gridQuestions:split(ri!question.defaultValue, ";"),*/
 a!gridLayout(
 headerCells: {
 a!forEach(
 items: local!gridQuestionsList,
 expression: a!gridLayoutHeaderCell(label: fv!item.label)
 )
 },
 rows: a!gridRowLayout(
 contents: {
 a!forEach(
 items: local!gridQuestionsList,
 expression: {
 a!dropdownField(
 labelPosition: "COLLAPSED",
 placeholder: "Please select one",
 choiceLabels: {
 "Consumer Credit",
 "Consumer Debit",
 "Prepaid",
 "Ecommerece"
 },
 choiceValues: {
 "Consumer Credit",
 "Consumer Debit",
 "Prepaid",
 "Ecommerece"
 },
 value: "",
 saveInto: a!save(ri!answerList.answerValue, save!value),
 showWhen: fv!item.type = "dropdown",
 disabled: ri!isReadOnly=false()
 ),
 a!textField(
 labelPosition: "COLLAPSED",
 value: "",
 saveInto: a!save(ri!answerList.answerValue, save!value),
 showWhen: fv!item.type = "text box"
 ),
 a!radioButtonField(
 value: "",
 choiceLabels: { "False", "True" },
 choiceValues: { false, true },
 saveInto: a!save(
 local!gridQuestionsList.defaultAnswer,
 save!value
 ),
 showWhen: fv!item.type = "radio button"
 ),
 a!checkboxField(
 value: "",
 choiceLabels: { "worst Appian", "No Support" },
 choiceValues: { "worst Appian", "No Support" },
 saveInto: a!save(
 local!gridQuestionsList.defaultAnswer,
 save!value
 ),
 showWhen: fv!item.type = "checkbox"
 )
 }

 )
 }
 ),
 addRowlink: if(
 ri!isReadOnly = false(),
 a!dynamicLink(
 label: "Add",
 value: (startDate: today() + 1),
 saveInto: {
 a!save(
 local!program,
 append(local!program, save!value)
 )
 }
 ),
 {}
 ),
 rowHeader: 1
 )
) 
 
 Ensure you update the above-shared code with necessary best practices

gridRowLayout conditionl contents

Top Replies