It is possible to use custom CSS just for a specific user role. The <body> element contains names of the user roles or noRoles. E.g.:

  • <body class=" noRoles">
  • <body class=" role_ADMIN role_DATA_MANAGER role_REPORT_EDITOR">

It is then possible to use the CSS to hide or change particular HTML elements according to the user role.

Examples

Hiding the Folders Menu for Users with no Role

.noRoles ul#mainMenu li:first-child 
{
    display: none;
}

Different Top Bar Color for Each Role

.noRoles .topbar {
      background: #ff6961 none repeat scroll 0% 0%;
}
.role_REPORT_EDITOR .topbar {
      background: #78bbbb none repeat scroll 0% 0%;
}
.role_DATA_MANAGER .topbar {
      background: #77dd77 none repeat scroll 0% 0%;
}

Result:

 

  • No labels