Upgrading to MOVEit 8.2 (and later) from a Custom Scheme or a Supported Legacy Scheme

Below is a list of the legacy schemes supported in MOVEit 8.2 and later:

If you upgrade to MOVEit 8.2 (or later) while using one of the supported legacy schemes above or while using a scheme you have already customized, you will still be able to use your existing scheme, but you will see the following changes:

• The Signon page has a new layout and color.
• The left navigation menu has a new look.
• Some text links have changed to buttons throughout the interface.

To alter these colors to match your existing scheme, see Schemes - Custom.

To customize the left navigation menu colors in particular, follow these steps:

1. Determine your current MOVEit Transfer color scheme via Settings > Appearance/Brand > Color Scheme.
2. Find the color scheme css file located at MOVEit Transfer file directory\wwwroot\templates. The default path is C:\MOVEitDMZ\wwwroot\templates.
3. Copy and paste the following css code at the end of your color scheme css file:

   .tab a,

   .tab span {

   font-weight:bold;

   color:#555555;

   }

   .tab a:link,

   .tab a:visited {

   text-decoration:none;

   }

   .tab a:hover,

   .tab a:active {

   text-decoration:none;

   background-color:#9A7B9C;

   color:white;

   border-top-color:transparent;

   border-bottom-color:transparent;

   }

   .tab.selectedtab a {

   background-color:#4D1F54;

   color:white;

   border-top-color:transparent;

   border-bottom-color:transparent;

   }

   #tab_home.selectedtab a,

   #tab_home a:hover,

   #tab_home a:active {

   background-image:url("../images/iconhome1-selected.png");

   }

   #tab_users.selectedtab a,

   #tab_users a:hover,

   #tab_users a:active {

   background-image:url("../images/iconuser1-selected.png");

   }

   #tab_groups.selectedtab a,

   #tab_groups a:hover,

   #tab_groups a:active {

   background-image:url("../images/icongroup1-selected.png");

   }

   #tab_folders.selectedtab a,

   #tab_folders a:hover,

   #tab_folders a:active {

   background-image:url("../images/iconfolder1-selected.png");

   }

   #tab_messaging.selectedtab a,

   #tab_messaging a:hover,

   #tab_messaging a:active {

   background-image:url("../images/iconpkg1-selected.png");

   }

   #tab_history.selectedtab a,

   #tab_history a:hover,

   #tab_history a:active {

   background-image:url("../images/iconlogs1-selected.png");

   }

   #tab_stats.selectedtab a,

   #tab_stats a:hover,

   #tab_stats a:active {

   background-image:url("../images/iconstats1-selected.png");

   }

   #tab_settings.selectedtab a,

   #tab_settings a:hover,

   #tab_settings a:active {

   background-image:url("../images/iconsettings1-selected.png");

   }

   #tab_orgs.selectedtab a,

   #tab_orgs a:hover,

   #tab_orgs a:active {

   background-image:url("../images/iconorg1-selected.png");

   }

   #tab_schemes.selectedtab a,

   #tab_schemes a:hover,

   #tab_schemes a:active {

   background-image:url("../images/iconscheme1-selected.png");

   }

4. Edit the following styles in the above added code so they match your desired color scheme:
   • .tab a:hover, .tab a:active: The BACKGROUND-COLOR property is the color that displays when you hover your mouse over one of the left navigation menu items.
   • .tab.selectedtab a: The BACKGROUND-COLOR property is the color that displays when you select one of the left navigation menu items.

   Select background colors that are of similar brightness for both of the above styles.

   IMPORTANT: If the background colors you select are a light shade, you must also do the following:

   -- Change the COLOR property for both styles from white to a dark color like black. (The COLOR property controls font color. If the BACKGROUND-COLOR is a light shade, the font COLOR will need to be dark to display clearly.)

   -- Do not include any code that begins with #tab_. Either remove that code, or comment it out. (The #tab_ code sets the icon colors in the left navigation menu to white upon hover or selection. If you select a light BACKGROUND-COLOR, you will want to keep the default dark icons.)

5. Return to MOVEit Transfer and click Home. The Home link in the left navigation bar will highlight with the color you specified.

   Tip: If the highlights do not appear, clear your browser cache, restart the browser, and sign on to MOVEit Transfer. If the highlights still do not appear, make sure you are using a supported browser.