Easiest way to theme admin GUI

November Happy Hour will be moved to Thursday December 5th.

AI OnAI Off

Home / Forums / Developers (Main Products) Forum / Developer to developer /

Easiest way to theme admin GUI

Vote:

Hello

What is the easiest/best way to style Episerver Admin GUI? Is it to use .NET functionality? We have multiple test environments and we would like to style them differently so its easier to distinguish them from each other.

Regards, Magnus

#196880

Sep 14, 2018 8:49

Casper.Rasmussen

Vote:

Hi Magnus.

Easiest way would probably be to inject a custom stylesheet as part of the shell experience. You can achieve that by modifying the module.config file.

<?xml version="1.0" encoding="UTF-8"?>
<module clientResourceRelativePath="" loadFromBin="true">
   <clientResources>
      <add name="epi-cms.widgets.base" path="~/Css/EPiServerStyles.css" resourceType="Style" />
   </clientResources>
</module>

You should see the stylesheet loading when the shell is initializing.

If you enable transformation of that configuration file, you can ensure it differs across environments.

Hope that helps!

/Casper Aagaard Rasmussen

#196892

Sep 14, 2018 14:31

Vote:

Thanks for your reply Casper!

#196915

Sep 17, 2018 9:20

Vote:

@Casper I successfully updated style on Site/EpiServer/CMS, but module.config in site root does not seem to apply to Site/EpiServer or Site/EpiServer/Admin. do you have an idea how I would implement this solution for these parts of the site?

#196963

Sep 18, 2018 14:10

This topic was created over six months ago and has been resolved. If you have a similar question, please create a new topic and refer to this one.