Customizing the Sisense User Interface
  • 08 May 2022
  • 5 Minutes to read
  • Contributors
  • Dark
    Light
  • PDF

Customizing the Sisense User Interface

  • Dark
    Light
  • PDF

You can customize the look and feel of your Sisense user interface, and preview your changes so that you can see what your customizations look like before you implement them.

Customization options are: 

  • Typography: Select system fonts or upload custom fonts, which will be used across Sisense in dashboards, widgets, navigational elements, and system pages:
    • Custom fonts: TTF format is supported and there is a size restriction of 1MB per file    

Note

It is recommended to use Google fonts or other credible web font libraries.

  • Background Color: Set background color across the application. The color setting applies to the main header, tables, panels and the application background
  • Dashboard Design Settings: Make changes to the Dashboard and Pulse look and feel throughout the application

If you want to add your own branding to Sisense, see White Labeling Sisense in Linux. White labeling is a premium feature.

  • To get started with changing the look and feel of your application, go to Admin>Look and Feel

Changing Fonts

  1. To use one of the available system fonts, in the Typography section, select it from the drop-down list. The font is applied across Sisense in dashboards, widgets, navigational elements, and system pages.
  2. To upload your own custom font, click Upload Font.
     
  3. In the Upload font window, click each arrow to upload the font style. You must upload the three different font styles. Each style helps with correct formatting of text in the user interface.
  4. Enter the font family name and click Apply. After the font has loaded, it can be selected and applied as part of a theme.
  • Select colors for primary and secondary text, and hyperlinks. You can do this in one of three ways:
    • Use the color picker to select a color (A)
    • Enter the HEX color value (B)
    • Select a color from your list of favorites (C)

To add the selected color to your list of favorites, click +.
customize sisense 3

Favorited colors appear in all color pickers on the Look and Feel page.

Background Color


Note : This feature is only available on Sisense for Linux version L2021.1 and above.

In the Background Color section, you can change the background color of:

  • The tabs at the top
  • Login, activation, recovery password page, error page and internal white space
  • Pulse page
  • Data Page Navigation elements
  • Admin page

To change the background:

  1. Select a color. You can do this in one of three ways:
    • Use the color picker to select a color (A)
    • Enter the HEX or RGB color values (B)
    • Select a color from your list of favorites (C)
  2. To add the selected color to your list of favorites, click +.

Favorited colors appear in all color pickers on the Look and Feel page.

Dashboard Design Settings

  1. Select the colors for the dashboard toolbar and filter panels.
  2. Select a preset color scheme or define custom colors for Widgets.
  3. Select the colors for navigation elements that display across Sisense. When you make a change, the preview displays how the selected options appear once you apply them.
  4. To apply all changes, at the bottom of the page, click Save and Apply.
  5. To revert to default settings, at the bottom of the page, click Restore to default, and confirm.

Working with Themes

You can create a new theme from a System theme, from an existing theme, or as a brand new theme. 

Creating a Theme from a System Theme

You can create a theme by changing the properties of a System theme. When you save, you’re prompted to name your theme. A thumbnail of the new theme is displayed in the Select Theme panel.

Creating a New Theme

  1. In the Select Theme panel, click + New Theme.
  2. Enter a name for your new theme.
  3. If you want to base your new theme on an existing one, select a theme from the dropdown list.
  4. Click Create Theme. The new theme’s thumbnail appears in the Select Theme panel.
  5. Make the required changes to the properties of the duplicated theme.
  6. To save your changes, click Save Theme.

Creating a Theme from a Duplicate Theme

If you would like to create a new theme that is similar to a theme you already created, you can duplicate the existing theme and then make changes to its properties.

To duplicate a theme:

  1. In the Select Theme panel, select the theme you want to duplicate.
  2. On the theme thumbnail’s menu, select Duplicate.
  3. By default, duplicated themes have the same name as the original theme with “(Copy)” appended to it. You can rename the duplicated theme to differentiate it from the original. To do so, click the duplicated theme’s thumbnail menu and select Rename.
  4. Make the required changes to the properties of the duplicated theme.
  5. To save your changes, click Save Theme

Assigning a Theme to a Group

You can assign a theme to a Group. When you do, all members of that group will experience Sisense with that theme.

To assign themes to a Group:

  1. In the Look and Feel page, in the top-right corner, click Assigned Themes. A list of all themes assigned to groups displays.
  2. If an entry includes more users than will fit, mouse over the entry. The tooltip lists additional groups with that theme assigned to them.
  3. Click Group Management.
  4. On the entry for an existing group, click to edit it and assign a theme, or click Create Group to create a new group and assign a theme to it.

For details about assigning themes to group, see Managing User Groups.

Additional Actions

In the Look and Feel page, you can perform the following additional actions:

  • Search for a theme: If you have multiple themes and you want to find a specific one, in the top-right corner, click .
  • Rename a theme: To rename a theme, click the relevant thumbnail’s menu and select Rename.
  • Duplicate a theme: To duplicate an existing theme, click the relevant thumbnail’s menu and select Duplicate.
  • Set a theme as default: Default themes are used for users who are not associated with any groups, and for users who are not associated with a specific theme. To set a theme as default, click the relevant thumbnail’s menu and select Set as Default.
    You can also set a theme as default by clicking Set as Default Theme at the bottom of theme properties.
  • Delete a theme: To delete a theme, click the relevant thumbnail’s menu and select Delete.

Note

  • If you attempt to delete a default theme, you’ll be prompted to select a new default theme before continuing.
  • If you delete a theme that is assigned to a Group, users in that Group will experience Sisense with the default them.

Copying a Theme Identifier

You can apply a theme by copying the theme ID and adding it to the code to make modifications to the visuals on your server. For example, you can apply a theme to specific groups, or when embedding Sisense components in web pages, you can use the theme to make visual changes to pages.  

  1. Select a theme, right-click the action buttons and select Copy Theme Identifier. The ID is copied to the clipboard.

  2. Paste the ID into any text or code editor.
  3. Copy the code as a parameter into your environment. When it is applied, the pages display with the theme visuals.

Customizing the Sisense User Interface with the REST API

In addition to the interface Sisense provides for customizing the UI, you can customize it through the Sisense REST API. The options are available in REST API 1.0 /themes.


Was this article helpful?