Changing RASI Colours (and Characters)

When using OrgVue to represent the RASI framework, links using the four elements (R, A, S and I) are coloured. This colouring shows when you have linked two datasets and set any of the link values to those four characters.

In the screen shot above, spot that R, A, S and I are all coloured, but B and G are not.

The configuration assigning colour to these characters is set in the Trees dataset. It is possible to change this (different colours or different characters with a significance). However, the Trees dataset is a critical component of OrgVue so we suggest that you are absolutely confident in what you are doing before you try following the instructions below.

  1. The Trees dataset is in the Configuration tab. You can only see the Configuration tab if you have the roles of both admin and superadmin, like this : -
  2. When you have had these roles set up, reload the data and you will see the Configuration tab. Click on that and you will see the Trees dataset. However, this is locked, so you will need to copy the content, create a new dataset (call it Trees) and paste the data into this new dataset (Tree by levels). Tag this dataset with 'view:user'.
  3. Open this new dataset and you will see something like this : -
  4. The top level of the 'Level' property corresponds to the tabs visible in OrgVue (eg People, Roles, Processes, Competencies, Objectives, Links, etc). The 'Target' property (eg PROCESSES, COMPETENCIES, ROLES and OBJECTIVES) determines to which tab links from a dataset in the Level 1 tab can be made. For example, a dataset in the People tab can be linked to a dataset in the Processes tab, but not a dataset in the Users tab.
  5. The 'Formatter' field is where the characters which are to be coloured in the Links view are set up.
  6. This arrangement gives you the opportunity to set the characters and colours which will appear for each combination of Tab1 linked to Tab2.
  7. For example, in the example above you can see that the letter 'G' has been included in the link values in a People > Roles link.
  8. Note however that the full content of the 'Formatter' field is not displayed in this view. What's not visible is some code which sets the colour.
  9. Here is the full text from the 'Formatter' field for the fourth node in the example above, but with the addition of the letter 'G'.
var a = ["R", "A", "RA", "S", "I", "G"];
var c = [0xEFA672, 0xCD4A46, 0xCD4A46, 0xA8D596, 0xA8DBE3, 0xEFA672];
return a.indexOf(item) !== -1 ?
{ label: item, backgroundColor: c[a.indexOf(item)], color: 0xFFFFFF } :
{ label: item, backgroundColor: 0xFFFFFF, color: 0x333333 };

See how in the second row there are six values for colour codes, each of which corresponds to the character included in the row above, where R is set to 0xEFA672.

  1. You can edit the content of the formatter field so that you can choose which characters have special significance, and the colour they should appear as. With this new content in the Formatter property you can see that G is now coloured.


Have more questions? Submit a request