Display a hierarchy data in Appian with option to select with a checkbox

Question

Hello All, 
 We have a requirement to create like below hierarchy structure .If any one has tried some thing like below Please help . 
 
 -parent1 
 
 +Son 
 +Son 
 -Son 
 -Grandson &loz; 
 -grandson &loz; 
 -grandson &loz; 
 +Son 
 
 +Parent2 
 +Parent3 
 
 + are the closed collapsible section and &ndash; are the open section. We also need a checkbox with the grandson. 
 Thanks in advance. 
 
 Regards 
 
 Manish

ashokv · Accepted Answer

Hi Mahesh. Below is a sample code. Check if it meets ur req. 
 
=load( 
 local!son1:false(), 
 local!son2:false(), 
 local!grandson, 
a!formLayout( 
 label: "Sample section", 
 instructions: "Contains various components", 
 contents: { 
 a!sectionLayout( 
 label: "Parent1", 
 contents: { 
 
 if(local!son1,{ 
 
 a!linkField( 
 
 links:{a!dynamicLink( 
 label:"(-) Son 1", 
 value:false(), 
 saveInto:local!son1 
 ) 
 } 
 
 ), 
 a!checkboxField( 
 choiceLabels:cons!TEST_CHECKBOX, 
 choiceValues:cons!TEST_CHECKBOX, 
 value:local!grandson, 
 saveInto:local!grandson 
 ) 
 },{ 
 
 a!linkField( 
 
 links:{a!dynamicLink( 
 label:"(+) Son 1", 
 value:true(), 
 saveInto:local!son1 
 ) 
 } 
 
 ), 
 } 
 ), 
 if(local!son2,{ 
 
 a!linkField( 
 
 links:{a!dynamicLink( 
 label:"(-) Son 2", 
 value:false(), 
 saveInto:local!son2 
 ) 
 } 
 
 ), 
 a!checkboxField( 
 choiceLabels:cons!TEST_CHECKBOX, 
 choiceValues:cons!TEST_CHECKBOX, 
 value:local!grandson, 
 saveInto:local!grandson 
 ) 
 },{ 
 
 a!linkField( 
 
 links:{a!dynamicLink( 
 label:"(+) Son 2", 
 value:true(), 
 saveInto:local!son2 
 ) 
 } 
 
 ) 
 } 
 ) 
 
 }, 
 isCollapsible:true() 
 ), 
 a!sectionLayout( 
 label: "Parent 2", 
 contents: { 
 if(local!son1,{ 
 
 a!linkField( 
 
 links:{a!dynamicLink( 
 label:"(-) Son 1", 
 value:false(), 
 saveInto:local!son1 
 ) 
 } 
 
 ), 
 a!checkboxField( 
 choiceLabels:cons!TEST_CHECKBOX, 
 choiceValues:cons!TEST_CHECKBOX, 
 value:local!grandson, 
 saveInto:local!grandson 
 ) 
 },{ 
 
 a!linkField( 
 
 links:{a!dynamicLink( 
 label:"(+) Son 1", 
 value:true(), 
 saveInto:local!son1 
 ) 
 } 
 
 ), 
 } 
 ), 
 if(local!son2,{ 
 
 a!linkField( 
 
 links:{a!dynamicLink( 
 label:"(-) Son 2", 
 value:false(), 
 saveInto:local!son2 
 ) 
 } 
 
 ), 
 a!checkboxField( 
 choiceLabels:cons!TEST_CHECKBOX, 
 choiceValues:cons!TEST_CHECKBOX, 
 value:local!grandson, 
 saveInto:local!grandson 
 ) 
 },{ 
 
 a!linkField( 
 
 links:{a!dynamicLink( 
 label:"(+) Son 2", 
 value:true(), 
 saveInto:local!son2 
 ) 
 } 
 
 ) 
 } 
 ) 
 }, 
 isCollapsible:true() 
 ) 
 }, 
 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: {} 
) 
)