Marc Davis (Customer) asked a question.

Customize MOVEit Automation CSS

If you are looking to do some minimal branding/css in Automation:

 

Create a new CSS file within \Program Files\MOVEit\MOVEit Automation Web Admin\Tomcat\webapps\ROOT

 

Add/Update any images to \Program Files\MOVEit\MOVEit Automation Web Admin\Tomcat\webapps\ROOT\assets\images

 

Edit the index.html page and add your new css declaration at the bottom of the head:

<link rel="stylesheet" href="MyBranding.css"></head>

 

NOTE: Any changes will need to be re-applied after any program updates to Automation. Use at your own risk.

 

MyBranding.css example:

/* Find classes you want to modify and use this page to override the default styles */

 

.loginHeader, .loginFooter {

  height: 2.25rem;

  background-color: #003057;

  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;

  font-size: .625rem;

  line-height: .625rem;

  color: #e2e7e8;

  padding: .8125rem;

}

 

.loginBody {

  min-height: 28.625rem;

  padding-top: 4.125rem;

  padding-bottom: 2.25rem;

  background-image: url(/assets/images/MOVEitCentralBackArt.png), linear-gradient(to bottom right, #3783BA 0%, #1d4562 100%);

  background-position: center bottom;

  background-repeat: no-repeat;

}

 

.navbar.navbar-light {

  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;

  font-weight: 600;

  font-size: .8125rem;

  background: #003057;

}

 

.navbar.navbar-light.ipsmica_nav_main .navbar-nav>li.ipsmica_commands_menu {

  background-color: #003057;

  border-left: 1px solid #808080;

}

 

.navbar.navbar-light .nav-item.active, .navbar.navbar-light .nav-item.show {

  background-color: #58a018;

}

 

.navbar.navbar-light .nav-item.active .nav-link:hover, .navbar.navbar-light .nav-item.show .nav-link:hover {

  background-color: #8ec449;

}

 

.modal-header {

  background-color: #003057;

  border-top-left-radius: .1875rem;

  border-top-right-radius: .1875rem;

  border: none;

  padding: .6875rem 1.25rem;

}

 

label[for="field_centralhost"] {

  font-size: 0;

}

 

label[for="field_centralhost"]::after {

  content: "MyCompany Automation Host";

  font-size: 14px;

}

 

 


Nichol Goldstein likes this.