Sisense BloX Overview
  • 18 May 2022
  • 3 Minutes to read
  • Dark

Sisense BloX Overview

  • Dark

Sisense BloX are JSON objects that are rendered as HTML in widgets on your dashboard. This enables you to create dynamic and rich content in your widgets that can turn your dashboard into an interactive business app. This enables you to gather insights and take immediate action from within your widget or dashboard. For example, you can create a widget that visualizes an important KPI and displays buttons that, when pressed, activate a webhook that implements a pre-defined action.

Sisense BloX

Sisense BloX offers much more than just a customizable design. With Sisense BloX, you can:

  • Add images to your widget
  • Embed iFrames
  • Add custom scripts
  • Organize your content in containers and columns
  • Add multiple types of actions
  • Collect input from your users

Who Should Use Sisense BloX?

Sisense BloX are JSON objects that render HTML and CSS. Therefore, to create your own interactive BloX, you should have a basic understanding of how JSON works, and have knowledge of HTML and CSS.

To see how to create interactive dashboards with Sisense BloX, see:

  • Sisense BloX requires Sisense V7.2 or later.
  • When working with the Jump-to-Dashboard add-on, the origin dashboard and the destination (drill) dashboard must be connected to the same data model.
  • The widget's title must not be hidden when changing the position of a Blox widget on the dashboard.
  • If you have users who use Internet Explorer, or you need to export Sisense BloX to PDF, use JS ES5 rather than ES6 in your custom actions, and IE-compliant CSS syntax.
  • BloX responsiveness is limited, meaning that the sizes will be adjusted with the background image size or the original widget size, but have some compatibility limitation due to the Sisense overall grid. Test your BloX widgets in different screen sizes.
  • Images from an external source may not load properly in the Excel or PDF reports. See Displaying Images for information about loading images locally.
  • BloX are not compatible with Amazon's Echo.
  • The Custom-Style Plugin overwrites the conditional color of BloX.
  • Items and values are limited to 20 panels each.
  • List view (Carousel: false) is limited to the first 100 items.
  • Sisense BloX v1.1 does not support any native Sisense visualization.
  • Once BloX is installed, to display it, on the Admin page, refresh the plugin list.
  • Base64 as an image will cause the widget to load slowly.
BloX for Mobile Sisense BloX is not yet certified for Sisense Mobile. For optimal viewing, Sisense suggests that you design widgets for desktop or widgets for mobile devices according to the guidelines below:
  • Choose images that can fit mobile screens or keep the background as a solid color.
  • Keep all text below 10 point font size.
  • Display a clear call-to-action in the center.
  • Limit your items to one column with no more than five different text and data elements.
  • Limit all icons to "small".

The social feed template is not supported.

Displaying Images

Sisense BloX does not display all default images from templates. Instead, use external images, or refer to images via an absolute path.

For example:
“type”: “Image”,
“Url”: “{YOUR_SISENSE-DOMAIN}/plugins/BloX/blox-images/Indicatorleft/headphone.png”,
“horizontalAlignment”: “center”,
“size”: “stretch”
“type”: “Image”,
“Url”: "”,
“horizontalAlignment”: “center”,
“size”: “stretch”

Click here for Terms and Conditions.

Changes in BloX Version 2.0

Sisense BloX 2.0 includes major infrastructure changes. These changes affect how Sienese BloX widgets from previous versions are displayed.

Sisense encourages you to upgrade to the latest version of Sisense BloX because it provides more flexibility, allowing you to customize every element in your widgets.

The following is a list of breaking changes that you can expect when upgrading to the latest version of Sisense BloX:

  • Styling and layout changes. Verify that the styling of your Sisense BloX widgets works as expected.
  • The value of <style> is no longer a string and should now include CSS..
  • Values of attributes are now case-sensitive.
  • Conditional formatting includes a max value.
  • JumpToDashboard and lightboxes are not supported with SisenseJS.

Was this article helpful?