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.:
It is then possible to use the CSS to hide or change particular HTML elements according to the user role.
.noRoles ul#mainMenu li:first-child { display: none; } |
.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%; } |