quick way to make it obvious its UAT

Douglas Spooner

Vote:

I'd like to make some obvious changes to the CSS colours used in the CMS interface so at a glance people can tell when they are in DEV & UAT.

Anyone have any suggestions I can do quickly & easily?

Thanks

#113013

Nov 10, 2014 15:31

Per Magne Skuseth

Vote:

One option could be to reference a stylesheet in module config, with the name set to "navigation".

  <clientResources>
    <add name="navigation" path="Styles/UiStyle.css" resourceType="Style"/>
  </clientResources>

This will render the stylesheet in both edit and admin mode.
You could then change the appearance of the rainbow colored line like so:

.epi-navigation-expandcollapseContainer,
.epi-navigation-delimiter  {
    background: red !important;
}

This will make the line bright red, which should be fairly visible for all users.

#113015

Nov 10, 2014 16:32

Vote:

If you're using some kind of configuration transformation (so that the UAT environment config-files are automatically created for deploy) there are plenty of things you can do.

With specific flags you can output specific .css files (Skuseth's example for EPiServer interface) but also in your templates.

#113016

Nov 10, 2014 17:18

Douglas Spooner

Vote:

Thanks for the suggestions. Sounds easy enough to implement that with our post deploy script. Will give it a bash!

#115310

Jan 13, 2015 16:01