cancel
Showing results forย 
Search instead forย 
Did you mean:ย 

Personalizing Header per Environment

mroldanvega
Executive Chef I
Executive Chef I

Piggy backing on this article 5 must have account settings to personalize for your Workspace (workato.com) by Tridivesh Sarangi, I wanted to share another personalization we did in our environment.


Changing just the icon and letter is good, but we wanted something more evident to identify the Prod environment.

With did some CSS customization to change the color of the header in Production. Of course this is not ideal because each user needs to modify it in their browser, but it works for now since we have a small number of users that have access to Prod. Maybe in the future it could be added to the product as an environment setting.


We used the Code Injector - Microsoft Edge Addons extension and applied this code:


var x= document.getElementsByClassName("user-info__text");


if(x[0].innerHTML.includes("Production",0))

{

var y= document.getElementsByClassName("header");

y[0].style.backgroundColor = "red";

}


The extension is also available for Chrome.





6 REPLIES 6

deven-maru
Workato employee
Workato employee

In the initial release the highlight color is fixed. But I'll add customizing color to the backlog for environments. I'll talk to our design team on your feedback about making the highlight more prominent.


Thanks,

Deven

Thank you!