Widget and Snippet Structure

Widgets are added to HTML code as the following example shows:

<div id="myTargetDiv"></div>
    {! widget="OpenCaseGrid" target="myTargetDiv" type="open" !}

This example inserts an OpenCaseGrid widget into the div element with the ID "myTargetDiv".

All widgets follow this pattern, and each widget has different attributes with different values.

Widgets may also use snippets, which is HTML code that acts as a template for the widget. When the widget is built, the snippet will be used to format the display. If a snippet is not specified, then the default snippet will be used. Each snippet file represents one snippet. The widget loads data into the snippet by using the data-field attribute.