# BloX Design Panel

> The first step is to create a new widget or edit an existing widget and to choose the widget type BloX. This transforms the Widget Editor into the BloX Design Panel.

*Source: https://docs.sisense.com/main/SisenseLinux/how-sisense-blox-works.htm*

---

Last updated: June 10, 2026

|  |  |  |
| --- | --- | --- |
| [Tier](https://www.sisense.com/pricing/#pricing) | [Deployment](https://docs.sisense.com/main/SisenseLinux/introduction-to-sisense-cloud-managed-services.md#ComparisonofManagedCloudandSelfHosted) | [Availability](https://docs.sisense.com/main/SisenseLinux/l2026-2-release-notes.md#ClassicMode) |
| Enterprise | Cloud     On-Prem | Classic Mode Only |

The first step is to create a new widget or edit an existing widget and to choose the
widget type BloX. This transforms the Widget Editor into the BloX Design Panel, which contains the following features
and functionality:

![8 6bloxdesignpanelthumb](https://docs.sisense.com/main/Resources/Images/8-6bloxdesignpanelthumb0300.png)

1. **Layout** - Displays the current state of your visualization as defined in the BloX Editor and
   Configuration Editor.
2. **Filters** - Add dashboard and widget filters to your BloX widgets. For more information
   about filters, see [Creating Widget Filters](https://docs.sisense.com/main/SisenseLinux/creating-widget-filters.md) and
   [Creating Dashboard Legacy Filters](https://docs.sisense.com/main/SisenseLinux/creating-dashboard-filters.md).
3. **Templates** - Contains a list of predefined templates Sisense has designed that you can edit to
   fit your use case. The easiest way to design BloX widgets is to choose the template closest to your use case and
   modify it.

   However, you can create one by deleting the content from the editor and using the code snippets to create your
   own templates. After you create a template, it can be exported and imported.
4. **Editor** - Contains the HTML JSON objects that determine the content of your BloX, including text
   and interactive actions such as buttons. This is where you provide the content of your BloX and describe what
   actions your BloX can do. See [Creating Interactive Dashboards](https://docs.sisense.com/main/SisenseLinux/creating-interactive-dashboards.md) for more information.
5. **Configuration Editor** - Contains CSS JSON objects that determine the look and feel of your cards.
   See [Customizing Your BloX Widget's Look and Feel](https://docs.sisense.com/main/SisenseLinux/customizing-your-blox-widgets-look-and-feel.md) for more information.
6. **Snippets** - Contains predefined code snippets for BloX elements that you can copy into the editor
   to add those elements to your widget.

   From the BloX Design Panel, you can create your own cards by customizing predefined templates created by Sisense
   or by creating your own templates from scratch.
7. **Actions** - Contains predefined code samples for creating actions. You can create your own actions
   as well.

**Note:**

The BloX widget type is fully compatible with self-contained multitenancy, which means that all of the BloX assets, like templates and actions, are isolated within the tenant in which they are created.

With the 2023.9 upgrade, (or later) all of the previously created custom actions and templates will be migrated to be under the ownership of the system tenant.