Decision Tree

Add a Decision Tree, a 3-step series of questions used to sign post users to an answer and customised CTA.

How to use

• • Select a suitable image from the Media Library for the Background Image.
    Recommend image is at least 1440px x 750px. The image can be any size or aspect ratio, and will be cropped and resized to 1440px x 750px automatically by a service called PXL. Find out how PXL crop and resize works.
  • Optionally add an Image Overlay. Use this to improve the contrast ratio of the text over the Background Image when using a lighter image, see Text Over Images.
  • Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
  • Add a Heading
  • Select a JSON file from the Media Library for the JSON Data.

  JSON File Guidance

  The JSON file must be structured in a specific format and be semantically valid JSON for the Decision Tree to work. Use the example JSON file as a starting point and outline for the structure, ensure that: 

  • There is no limit to the amount of questions or depth of each question tree
  • Ensure that every route through the Decision Tree has an answer in the "result" object (CTA in the result object is optional)
  • Validate your JSON by using an online validator such as https://jsonlint.com/ 
  • Optionally use a JSON GUI editor if you are not confident editing the raw JSON file such as https://json-gui.esstudio.site/

Content Type Details

ID: 425
Name: Decision Tree
Description: A group of navigation panels based on a decision tree that the user interacts with. Data is added using JSON please see component library for guidance
Minimum user level: Administrator

Content Type Elements Details

Example