Skip to content


Display a program popup based on a configured variant. It should either show carousel within a program or Parallax Effect within a popup.


  • options
    • query - Provide a Dispatch query
    • layoutId - Provide a layout id to be display layout with in a popup.
    • switchMode - fade. If provide a fade it should display background image within a carousel.
    • variant - "carousel" | "parallax". Indicate what to display in the popup.
    • mapping - [Object]
      • Provide an object to map with dispatches values.
    • styles - Provide a styles
    • classes - Provide a classes


  "target": "program-popup",
  "icon": "far fa-star",
  "options": {
    "query": "given trackers [project-details]",
    "layoutId": "c4a0de4e-adc1-4507-9cab-420f5cdd641f",
    "switchMode": "fade",
    "variant": "carousel",
    "mapping": {
      "backgroundColor": "bgcolor",
      "foregroundColor": "fgcolor",
      "shape": "shape",
      "url": "shapeUrl",
      "title": "title"
  "title": "Program Popup"