Custom Coloring in Dashboards

AnthonyShenk
New Contributor II
Creating a post for custom coloring in dashboards.
 
For example, Onestream's dashboard selections give the option for custom color, however, it does not let you select it in the formatting. It only shows the option for #FF00000 (at least from what I have seen).
 
AnthonyShenk_0-1686934346078.jpeg
The above format is HTML coloring codes that can be manually updated in the display format
AnthonyShenk_1-1686934564133.png
Typically when matching client colors I am given RGB color codes, So I use the below converter to get the HTML code and add #FF to the beginning of the provided hex code.
 

 

1 ACCEPTED SOLUTION

MikeG
Contributor III

Yeah you sort of need to get on board with the syntax and how the OS platform wants it.  You can of course, get to any color you need.  Adding the #FF has served as a viable option.  If you use a Paint type of tool with the eyedropper you can get the coded value, then you can put it in the format that OS wants/needs.

Tip: Create Literal parameters to store the color values so you can reference them everywhere throughout your application.  Just did this recently to match colors for a client, the literal parameter is a Dashboard Parameter component.  This here is a very client specific color of green to match their legacy reports.

MikeG_0-1686946874291.png

 

View solution in original post

2 REPLIES 2

MikeG
Contributor III

Yeah you sort of need to get on board with the syntax and how the OS platform wants it.  You can of course, get to any color you need.  Adding the #FF has served as a viable option.  If you use a Paint type of tool with the eyedropper you can get the coded value, then you can put it in the format that OS wants/needs.

Tip: Create Literal parameters to store the color values so you can reference them everywhere throughout your application.  Just did this recently to match colors for a client, the literal parameter is a Dashboard Parameter component.  This here is a very client specific color of green to match their legacy reports.

MikeG_0-1686946874291.png

 

RobbSalzmann
Valued Contributor

After you select the Custom Color in the dropdown you can edit the hex code directly in the property's text field.
The format is AARRGGBB, (Alpha, Red, Green, Blue).  Any RGB color code can be used with OS, by simply adding #FF to the front of it, and pasting that value in over the default #FF000000,

Software Architect
MindStream Analytics
"Difficult done right away. Impossible takes a bit longer"