Formatting nested lists in the designer

Open Q&A
1

We are currently in the process of moving our emails over to Courier. We’ve done our ‘simple’ emails now and are moving onto some slightly more complicated ones that require quite a bit of formatting.

We have a json structure that looks like this:

{
“siteCode”: “20167714”,
“inspectionNo”: “4421133”,
“visitDate”: “08 September 2022”,
“consultant”: “A Consultant”,
“accompaniedBy”: “A Second Consultant”,
“inspectionScore”: “86.04”,
“actionPlanDetails”: [
{
“actionDeadLine” : “Immediate”,
“actionPlan”: [
{
“question”: “this is the question”,
“response”: “this is the response”,
“comment”: “this is the comment”
},
{
“question”: “this is the question”,
“response”: “this is the response”,
“comment”: “this is the comment”
}
]
},
{
“actionDeadLine” : “1 month”,
“actionPlan”: [
{
“question”: “this is the question”,
“response”: “this is the response”,
“comment”: “this is the comment”
},
{
“question”: “this is the question”,
“response”: “this is the response”,
“comment”: “this is the comment”
}
]
}
]
}

In our current email solution (c# MVC ) we present the action plan details in a table format with the actionDeadline as the header and then action plan in a table format with the keys as table column headers as below:

actionplan
actionplan690×562 18 KB

Is it possible to replicate this or similar in Courier? The list component doesn’t seem to have alot of options with it.

2

Hi there @joanne.ainscough,

Thanks for reaching out!

Working with a list block will only render you a list of the values you’re iterating over. Courier’s email template designer has support for using Handlebars either at the block level, or you can completely customize your template with the Handlebars override toggle.

You can iterate through you data with helpers that Handlebars provide.