change the css dynamically

[soweone]

Hi all!
I have a small question about the CSS. I need to change the resource (CSS) depending on the role or user, any idea?. I'm read the doc and some link:

• http://forums.pentaho.com/showthread...-in-javascript.
• https://help.pentaho.com/Documentation/5.3/0R0/080/010.

Thanks

[pamval]

a script that reads user and role from Dashboards.context and injects the appropriate css into the html body would be my first approach.

probably not the best security-wise approach for general usage but it might hold for your needs.

[soweone]

Hi Pedro,
Completely agree with you. But i need to change the CSS in dashboard and Pentaho themed (bi-server) depends to the Role user , in this case each role is a brand. Any idea?.
I'm read the documentation in https://help.pentaho.com/ but i don't find anything.
Thanks alot

[crusso]

That question is not small at all. You want role/user dependent CSS, so you have two options:

Option 1) load the CSS dynamically using a call to require pointing to the correct file, via a javascript snippet:

var user = dashboard.context.user;
var cssFiles = {
  "default": "default.css",
  "alice": "alice.css",
  "bob": "bob.css"
};

var cssFileToLoad = cssFiles[user] || cssFiles["default"];

require(['css!./' + cssFiletoLoad], function(){});

Option 2) Inject some css class in the 'body' element and create specific css:
Add the javascript snippet:

var user = dashboard.context.user;
var cssClasses = {
  "alice": "user-alice",
  "bob": "user-bob"
};

$('body').addClass(cssClasses[user]);

and any CSS overrides:

.user-alice table {
  background: pink;
}

.user-bob table {
  background: blue;
}

I would go for Option 2.

[hugonr]

complement of Crusso's reply:

var user = dashboard.context.user;
var cssClasses = {
  "admin": "user-admin",
  "employee": "user-employee",
  "supervisor": "user-supervisor"
};

$('body').addClass(cssClasses[user]);

same code (using the second example) but working with roles

[soweone]

Hi, all!
Thanks for the answer. Completely agree with all, this a temporal workaround but I need to change the Pentaho theme depending on the role or user. I remember in a PCM @palves showed this possibility but I don't find any information about that. any idea or documentation?.
Thanks

[crusso]

You could try to look for it in the online documentation . Searching for "theme" lead me to

https://help.pentaho.com/Documentation/7.1/0R0/090/010

more concretely:

"It is also possible to set the session variable pentaho-user-theme to the desired theme name, which is usually done in a start-up action to have per-user themes in multi-tenancy scenarios."

[soweone]

Thanks.
I read the documentation, but I should not have read it in more detail. sorry for the inconvenit