Forum Discussion

rvickersevotix's avatar
rvickersevotix
Cloud Apps
11-24-2023
Solved

Custom Colour Palette using Dashboard Script

I want to be able to override the dashboard palette with my own set of colours, without building a custom set that i can just pick from the option at the top of the dashboard.
dashboards & reporting
  • rapidbisupport's avatar
    rapidbisupport
    11-28-2023

    Thanks for trying, sorry it didn't work for you.

    Another way could be:

     

    dashboard.on('initialized', (d, args) => {
  d.style.setPalette({ colors:  ['#00F6FF', '#CB9340','#0A223E','#E8F2FB','#2D5B70','#9A9A9A'] }) // your palette here
})

     

    I have tested this on my side, and it does change the palette colours like the first solution.

    This solution is slightly different in that it adds a temporary non-system option in the themes selection.

    Let me know how you go with this one?

    Thanks,

    Daniel

    RAPID BI

    [email protected]

    RAPID BI - Sisense Professional Services | Implementations | Custom Add-ons

rapidbisupport's avatar
rapidbisupport
Data Pipeline
11-27-2023

Hi rvickersevotix , 

You should be able to achieve this using the dashboard script below:

 

dashboard.on('initialized', (d, args) => {
  d.style.$$palette.colors = ['#000000', '#000000'] // your palette here
})

 

This one isn't persistent either, so if you'd like to revert, just delete or comment out the script.

Let me know if this works for you?

Thanks,

Daniel

RAPID BI

[email protected]

RAPID BI - Sisense Professional Services | Implementations | Custom Add-ons

rvickersevotix's avatar
rvickersevotix
Cloud Apps
11-28-2023

Hi,

 

Thanks for this, however it didnt seem to work, all I did was add some random extra colours to the palette list.

dashboard.on('initialized', (d, args) => {
  d.style.$$palette.colors = ['#00F6FF', '#CB9340','#0A223E','#E8F2FB','#2D5B70','#9A9A9A'] // your palette here
});
  • rapidbisupport's avatar
    rapidbisupport
    Data Pipeline
    11-28-2023

    Thanks for trying, sorry it didn't work for you.

    Another way could be:

     

    dashboard.on('initialized', (d, args) => {
  d.style.setPalette({ colors:  ['#00F6FF', '#CB9340','#0A223E','#E8F2FB','#2D5B70','#9A9A9A'] }) // your palette here
})

     

    I have tested this on my side, and it does change the palette colours like the first solution.

    This solution is slightly different in that it adds a temporary non-system option in the themes selection.

    Let me know how you go with this one?

    Thanks,

    Daniel

    RAPID BI

    [email protected]

    RAPID BI - Sisense Professional Services | Implementations | Custom Add-ons

    • rvickersevotix's avatar
      rvickersevotix
      Cloud Apps
      01-09-2024

      I did eventually get this working, I had some other JS that was causing it to break, thank you so much!

    • rvickersevotix's avatar
      rvickersevotix
      Cloud Apps
      12-22-2023

      Thanks for this! 

      I can see that its trying to work, but its likely our version of Sisense is either not compatible or our devs have disabled overriding the colour palette in some way.