3.3.3. <canvases> Section

A Canvas is like a “page” inside the Dashboard. Each <canvas> corresponds to one route (via the canvas= attribute in <route>). The <canvas> can contain multiple controls (widgets).

<canvas name="productsList">
    <label>Product List</label>
    <controls>
        <!-- We add control elements inside here -->
    </controls>
</canvas>

• name: Required. Unique identifier for this canvas.

• <label>: Required. A display name for the canvas.

• <controls>: A container for multiple control elements.

The <controls> section in the <dashboard:section> allows for the inclusion of various types of field controls, each designed to enhance interactivity and enable data input, interaction, and management within the dashboard. Below, we outline detailed documentation for a variety of field controls and their properties.

1. <heading>

2. <textblock>

3. <listblock>

4. <statistic>

5. <tablegrid>

6. <chart>