6 Load on Click

Description

This example demonstrates how a click event will load and embed an interaction  

Click on the button to load an interaction

<div style="display: flex;">
	<div 
      data-fs-el="@module-2410d449e70cdb75a0fccd29e7880c17" 
      data-fs-opt='{ 
          "display": "embed", 
          "theme": "translucent", 
          "size": "full"
        }'>
          <p>Click on the button to load an interaction</p> 
          <button
              class="btn btn-primary m-1" 
              data-fs-etag="onclick:trigger-example-interaction" 
              data-fs-click="trigger-example-interaction" 
              data-fs-params='{ 
                  "trigger": {
                      "moduleid": "module-2410d449e70cdb75a0fccd29e7880c17"
                   },
                   "rel": {
                       "interaction": {
                              "subject":"Example Interaction",
                              "description": "This interaction was loaded in this element because you clicked on load button"
                       }       
                    }
              }'
              >Load</button>
	</div>
</div>