Question

Differentiating the look and feel of FME Flow for different environments (DTAP)


Userlevel 2
Badge +14
  • Contributor
  • 102 replies
Hi,
Yeah, this was an old wish, to be able to easily see the difference between the FME Flows on the tabs in a browser when multiple FME Flow servers are running, e.g. for development, testing, acceptance and production (DTAP).
 
We took it even one step further - see image below
 
Two simple changes: a different color for the icon on the tab and for the bar on the left hand side.
  • to modify the icon you will need to have access to:
<FMEFlowDir>\Utilities\tomcat\webapps\fmeserver\images\favicon-fme-flow.svg
The (one?) good thing about the new FME Flow logo is that it is monochrome, so it is easy to modify favicon-fme-flow.svg (with an SVG editor, for example Inkscape) to set a different color.
  • to modify the color of the sidebar you will have to edit
<FMEFlowDir>\Utilities\tomcat\webapps\fmeserver\styles\safe-software-app.min.css
Search in this minified CSS file for
.sidebar{margin-right:0!important;background-color:#2C2C2B;
and
.sidebar>ul.nav{background-color:#2C2C2B}
respectively and change the color #2C2C2B in both cases to the color of your choice, e.g. #D69E00, the same color you used for the icon in favicon-fme-flow.svg.
 
Repeat these steps for each environment, of course using different colors, and - yee-haw! - you will be able to easily switch in your browser between your different FME Flows.
 
What do you think?
 
Cheers,
 
Egge-Jan
 
Different colors!

 


2 replies

Userlevel 5
Badge +32

I like it!

Nice!

Reply