<h2 class="PlaygroundEditorTheme__h2" dir="ltr">🖥️ Dashboard Layout</h2> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Left‑side menu — contains navigation icons, including the eye icon to switch between Edit Mode and Reporting Mode.</li><li value="2" class="PlaygroundEditorTheme__listItem">Top menu — includes the Share button for exporting or sharing dashboards.</li><li value="3" class="PlaygroundEditorTheme__listItem">Right‑side menu — provides full dashboard control options:</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Add Data Widget</li><li value="2" class="PlaygroundEditorTheme__listItem">Add Text Widget</li><li value="3" class="PlaygroundEditorTheme__listItem">General &amp; Style</li><li value="4" class="PlaygroundEditorTheme__listItem">Security</li><li value="5" class="PlaygroundEditorTheme__listItem">Widget Sources</li><li value="6" class="PlaygroundEditorTheme__listItem">Scheduled Automatic Reports</li><li value="7" class="PlaygroundEditorTheme__listItem">Archive Dashboard</li></ul></li><li value="4" class="PlaygroundEditorTheme__listItem">Header area — contains two logo placeholders (company and client) and the Dashboard / Today tabs.</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">👁️ Modes</h2> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Edit Mode — default view where you can add, remove, and configure widgets.</li><li value="2" class="PlaygroundEditorTheme__listItem">Reporting Mode — activated via the eye icon, presenting a clean, client‑ready view without editing controls.</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">📑 Tabs</h2> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Dashboard tab — shows the standard reporting view with customizable date ranges.</li><li value="2" class="PlaygroundEditorTheme__listItem">Today tab — fixed to Today vs. Yesterday data, enabling live widgets for immediate performance tracking.</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">📤 Sharing Options</h2> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Clicking the Share button opens a dropdown with three options:</li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">PDF Export — generates a client‑ready report.</li><li value="2" class="PlaygroundEditorTheme__listItem">Copy URL — share a live link to the dashboard.</li><li value="3" class="PlaygroundEditorTheme__listItem">Mail Reporting — schedule or send reports via email.</li></ul></li></ul>

## 🖥️ Dashboard Layout

* ****Left‑side menu****— contains navigation icons, including the****eye icon****to switch between Edit Mode and Reporting Mode.
* ****Top menu****— includes the****Share button****for exporting or sharing dashboards.
* ****Right‑side menu****— provides full****dashboard control****options:
* * ****Add Data Widget****
  * ****Add Text Widget****
  * ****General & Style****
  * ****Security****
  * ****Widget Sources****
  * ****Scheduled Automatic Reports****
  * ****Archive Dashboard****
* ****Header area****— contains two logo placeholders (company and client) and the****Dashboard / Today tabs****.

## 👁️ Modes

* ****Edit Mode****— default view where you can add, remove, and configure widgets.
* ****Reporting Mode****— activated via the eye icon, presenting a clean, client‑ready view without editing controls.

## 📑 Tabs

* ****Dashboard tab****— shows the standard reporting view with customizable date ranges.
* ****Today tab****— fixed to**Today vs. Yesterday**data, enabling****live widgets****for immediate performance tracking.

## 📤 Sharing Options

* Clicking the****Share button****opens a dropdown with three options:
* * ****PDF Export****— generates a client‑ready report.
  * ****Copy URL****— share a live link to the dashboard.
  * ****Mail Reporting****— schedule or send reports via email.

<h2 class="PlaygroundEditorTheme__h2" dir="ltr">🖥️ Dashboard Layout</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Left‑side menu — contains navigation icons, including the eye icon to switch between Edit Mode and Reporting Mode.</li><li value="2" class="PlaygroundEditorTheme__listItem">Top menu — includes the Share button for exporting or sharing dashboards.</li><li value="3" class="PlaygroundEditorTheme__listItem">Right‑side menu — provides full dashboard control options:</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Add Data Widget</li><li value="2" class="PlaygroundEditorTheme__listItem">Add Text Widget</li><li value="3" class="PlaygroundEditorTheme__listItem">General &amp; Style</li><li value="4" class="PlaygroundEditorTheme__listItem">Security</li><li value="5" class="PlaygroundEditorTheme__listItem">Widget Sources</li><li value="6" class="PlaygroundEditorTheme__listItem">Archive Dashboard</li></ul></li><li value="4" class="PlaygroundEditorTheme__listItem">Header area — contains two logo placeholders (company and client) and the Dashboard / Today tabs.</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">👁️ Modes</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Edit Mode — default view where you can add, remove, and configure widgets.</li><li value="2" class="PlaygroundEditorTheme__listItem">Reporting Mode — activated via the eye icon, presenting a clean, client‑ready view without editing controls.</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">📑 Tabs</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Dashboard tab — shows the standard reporting view with customizable date ranges.</li><li value="2" class="PlaygroundEditorTheme__listItem">Today tab — fixed to Today vs. Yesterday data, enabling live widgets for immediate performance tracking.</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">📤 Sharing Options</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Clicking the Share button opens a dropdown with three options:</li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">PDF Export — generates a client‑ready report.</li><li value="2" class="PlaygroundEditorTheme__listItem">Copy URL — share a live link to the dashboard.</li><li value="3" class="PlaygroundEditorTheme__listItem">Mail Reporting — schedule or send reports via email.</li></ul></li></ul>

Dashboard

<h2 class="PlaygroundEditorTheme__h2" dir="ltr">🖥️ Dashboard Layout</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Left‑side menu — contains navigation icons, including the eye icon to switch between Edit Mode and Reporting Mode.</li><li value="2" class="PlaygroundEditorTheme__listItem">Top menu — includes the Share button for exporting or sharing dashboards.</li><li value="3" class="PlaygroundEditorTheme__listItem">Right‑side menu — provides full dashboard control options:</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Add Data Widget</li><li value="2" class="PlaygroundEditorTheme__listItem">Add Text Widget</li><li value="3" class="PlaygroundEditorTheme__listItem">General &amp; Style</li><li value="4" class="PlaygroundEditorTheme__listItem">Security</li><li value="5" class="PlaygroundEditorTheme__listItem">Widget Sources</li><li value="6" class="PlaygroundEditorTheme__listItem">Scheduled Automatic Reports</li><li value="7" class="PlaygroundEditorTheme__listItem">Archive Dashboard</li></ul></li><li value="4" class="PlaygroundEditorTheme__listItem">Header area — contains two logo placeholders (company and client) and the Dashboard / Today tabs.</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">👁️ Modes</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Edit Mode — default view where you can add, remove, and configure widgets.</li><li value="2" class="PlaygroundEditorTheme__listItem">Reporting Mode — activated via the eye icon, presenting a clean, client‑ready view without editing controls.</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">📑 Tabs</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Dashboard tab — shows the standard reporting view with customizable date ranges.</li><li value="2" class="PlaygroundEditorTheme__listItem">Today tab — fixed to Today vs. Yesterday data, enabling live widgets for immediate performance tracking.</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">📤 Sharing Options</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Clicking the Share button opens a dropdown with three options:</li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">PDF Export — generates a client‑ready report.</li><li value="2" class="PlaygroundEditorTheme__listItem">Copy URL — share a live link to the dashboard.</li><li value="3" class="PlaygroundEditorTheme__listItem">Mail Reporting — schedule or send reports via email.</li></ul></li></ul>