Skip to content

How to create custom Orchestration\Entity status tabs with Liquid Templates

Jump to bottom
Konstantin Lepeshenkov edited this page Dec 21, 2021 · 3 revisions

  1. Create a Liquid template file and name it like [My Custom Tab Name].[orchestration-or-entity-name].liquid or just [My Custom Tab Name].liquid (this one will be applied to any kind of entity).

  2. In the same Storage Account (the account where your Durable Functions run in) create a Blob container called durable-functions-monitor.

  3. Put your template file into a tab-templates virtual folder in that container (the full path should look like /durable-functions-monitor/tab-templates/[My Custom Tab Name].[orchestration-or-entity-name].liquid).

  4. Restart DfMon.

  5. Observe the newly appeared My Custom Tab Name tab on the Orchestration/Entity Details page:

Sample Liquid Template:

 <h2>These people were invited:</h2>
 <ul>
 {% for participant in Input.Participants %}
   <li><h3>{{participant}}<h3></li>
 {% endfor %}
 </ul>

You can have multiple templates for each Orchestration/Entity type, and also multiple 'common' (applied to any Orchestration/Entity) templates. Here is a couple of more sample templates.

NOTE1: this .Net object is passed to your templates as a parameter. Mind the property names and their casing.

NOTE2: default Content Security Policies will prohibit any JavaScript in your template. But you can customize those policies, by putting your custom values directly into a custom-meta-tag.htm file and placing that file into the same durable-functions-monitor Blob container.

Clone this wiki locally