This documentation applies to the 8.1 version of Remedy IT Service Management Suite, which is in "End of Version Support." You will not be able to leave comments.

To view the latest version, select the version from the Product version menu.

Rebranding BMC Remedy with Smart IT and BMC MyIT OnDemand for mobility applications

This topic describes how to rebrand BMC Remedy with Smart IT and BMC MyIT OnDemand so you can deploy these applications to your end users.

This topic contains the following information:

Rebranding the BMC Remedy with Smart IT universal client

You can work with BMC Remedy OnDemand Operations to rebrand the universal client for your end users.

To replace the graphic files and customize styling in the universal client

This section shows examples of changes that can be made to the style.css file by BMC Remedy OnDemand Operations at your request.

Examples of changes in the style.css file 

Note

The examples provided in this section are just a common recommendation and may not fit your environment.

Description of a changeExample
To use the custom_login.jpg file, add the content inside of the following class name modifying the styles according to your needs.
.login-header {
                background-color: transparent;
                background-image: url('custom-login.jpg');
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
}
To change the project name text color on the logon page, add the content inside of the following class name and set the color:
.login-header__logo {
                color: #ffffff
}
To use the new custom_header.jpg file, add the content inside of the following class name modifying the styles according to your needs: 
.app__header {
                background-color: transparent;
                background-image: url('custom-header.jpg');
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
}
To change the text color of the application header, add the content inside of the following class name and set the color:
.app__header {
             color: #ffffff
}
To change the color of the header separator line, add the content inside of the following class name and set the color:
  .header__main-bar {
                border-bottom: 1px solid #d9d9d9
}

For more information about CSS, see W3 Schools - CSS.

To add graphic images as a background

Create the graphic files with the names listed in the table below. Put the customer name or logo in the center of the image so that, if the image is too wide to accommodate large displays, the edges will crop towards the center.

Description
Filename
Height (pixels)
Login page header imagecustom-login.jpg> 260
Main page headercustom-header.jpg> 128

Note

The appropriate size of the graphics may vary depending on the requirements of your environment.

Rebranding the BMC MyIT OnDemand universal client

To rebrand the universal client for your end users, modify the attached default style.css file and send it back to BMC Remedy OnDemand Operations using a support ticket.

Before you begin

Create the following graphics. Put the customer name or logo in the center of the image so that, if the image is too wide to accommodate large displays, the edges will crop towards the center.

DescriptionFilenameSize (pixels)
2.0.01 and later
Size (pixels)
2.0.00
Login page header imagecustom_login.png400 x 1602560 x 260
Main page headercustom_header.png300 x 702560 x 110

Modifying the style.css file

Modify the following properties in the style.css file as needed.

ModificationCSS property tasks
Change the Main Page background colorUncomment the following section, and modify the value in red:

/* .user-nav{ min-width:25%; min-height:110px; background:#FFF; position:relative; } */
Remove Login page "MyIT Logo"Uncomment the following section:

/* .landing-header__logo { display: none; } */
Change font color for Main Menu items -Uncomment the following section, and modify the value in red:
/* .modules-nav__item-link,.modules-nav__item-link:hover,.modules-nav__item-link:focus{color:#191919;text-decoration:none} */
Change color of MyIT logo

Uncomment the following section, and modify the values in red:

/* .myit-logo{font-size:34px;line-height:1;margin:0} .myit-logo__link,.myit-logo__link:hover,.myit-logo__link:focus{color:#191919;text-decoration:none} .myit-logo__link:hover,.modules-nav__item-link:focus{color:#191919;text-decoration:none} .myit-logo__link:focus{color:#F2F2F2;text-decoration:none} */

Hide the MyIT logo

Uncomment the following section:

/*.myit-logo__link{visibility:hidden}*/

Font colors for the menu items in the user section on the right
Change the Logout link font color Uncomment the following section, and modify the value in red:

/* .user-nav__logout-link,.user-nav__logout-link:hover{color:#191919;text-decoration:none} */
Change the User Name font color Uncomment the following section, and modify the value in red:

/* .user-nav__user-link,.user-nav__user-link:hover{color:#191919;text-decoration:none} */
Change the menu items font color (for "Reservations, Requests, Appointments, Approvals")Uncomment the following section, and modify the value in red:

/* .user-nav-menu__item,.user-nav-menu__item:hover{text-decoration:none;color:#191919} */
Change the background color behind user section on the header ribbonUncomment the following section, and modify the value in red:

/* .user-nav{min-height:110px;background:#FFF} */
Change the left column under support background color update this section Uncomment the following section, and modify the value in red:

/* .support-left-col { background: #f2f2f2; width: 300px; display: table-cell; vertical-align: top; } */
DescriptionSearch ForColor to replace
User Name.user-nav__user-link.user-nav__user-link:hover#fff
Smaller menu items

user-nav-menu__item.user-nav-menu__item:hover

#fff
Menu items.modules-nav__item-link, .modules-nav__item-link:hover, .modules-nav__item-link:focus#fff
Logout Link.user-nav__logout-link, .user-nav__logout-link:hover#fff

Rebranding BMC MyIT OnDemand and BMC Remedy with Smart IT for Android devices

To rebrand BMC MyIT OnDemand and BMC Remedy with Smart IT so that you can deploy them to your end users who use Android devices, review the following requirements and provide all required images using the specified required filename and size.

Graphics requirements

The BMC Remedy with Smart IT and BMC MyIT OnDemand Android applications require the following graphics files in Portable Network Graphics (.png) format. The following tables show you the size and name of each image.

Login screens

DescriptionSizeRequired filename

Transparent background image containing the circles marks and the BMC MyIT text on the login screen

612 x 682brandmark_circles_myit.png

Transparent background image containing the BMC logo on the login screen

190 x 39bmc_logo.png

Transparent background image containing the copyright text on the login screen

768 x 75copyright.png

Transparent background image containing the shadow at the bottom of the login screen

768 x 120bottom_shadow.png

Icons

DescriptionSizeRequired filename

Highest Resolution icon file from the iOS (no need to create a specific one for Android the script will resize it to the appropriate pixel sizes.)

152 x 152AppIcon76x76@2x~ipad.png

Packaging of graphics

Place all images in directory named "new_android" and then zip to your customer identification.

/new_android (MyIT Android images)

  • bmc_logo.png
  • bottom_shadow.png
  • brandmark_circles_myit.png
  • copyright.png
  • AppIcon76x76@2x~ipad.png

/smartit_new_android (Smart IT Android Images note in 1.0 release png images not displayed)

  • bmc_logo.png
  • bottom_shadow.png
  • brandmark_circles_myit.png
  • copyright.png
  • AppIcon76x76@2x~ipad.png

Note

A single zip file can be used for iOS and Android rebranding.

The directory structure in the zip file should be:

/new_android (Android images)

  • bmc_logo.png
  • bottom_shadow.png
  • brandmark_circles_myit.png
  • copyright.png
  • AppIcon76x76@2x~ipad.png

/new_icons (iOS icons)

  • AppIcon76x76~ipad.png
  • AppIcon60x60@2x.png
  • AppIcon76x76@2x~ipad.png

/new_splash (iOS splash screens)

  • Default-568h@2x.png
  • Default-Landscape~ipad.png
  • Default-Portrait~ipad.png
  • Default@2x.png
  • Default-Landscape@2x~ipad.png
  • Default-Portrait@2x~ipad.png
  • LaunchImage-700-568h@2x.png

/smartit_new_icons (iOS icons)

  • AppIcon76x76~ipad.png
  • AppIcon60x60@2x.png
  • AppIcon76x76@2x~ipad.png

/smartit_new_splash (iOS splash screens)

  • Default-568h@2x.png
  • Default-Landscape~ipad.png
  • Default-Portrait~ipad.png
  • Default@2x.png
  • Default-Landscape@2x~ipad.png
  • Default-Portrait@2x~ipad.png
  • LaunchImage-700-568h@2x.png

/smartit_new_android (Smart IT Android Images)

  • bmc_logo.png
  • bottom_shadow.png
  • brandmark_circles_myit.png
  • copyright.png
  • AppIcon76x76@2x~ipad.png

Default set of graphics for Android devices

Download the default set of graphics to begin your rebranding work.

Rebranding BMC MyIT OnDemand and BMC Remedy with Smart IT for iOS devices

To rebrand BMC MyIT OnDemand and BMC Remedy with Smart IT so that you can deploy them to your end users who use iOS devices, review the following requirements and provide all required images using the specified required filename and size.

Graphics requirements

Rebranding of the BMC MyIT 2.x and BMC Remedy with Smart IT 1.x applications requires 1 icon file (AppIcon76x76@2x~ipad.png) and 7 splash screens in Portable Network Graphics (.png) format. The following tables show you the size and filename for each image. BMC MyIT 1.7 requires additional icons.

Icons

GraphicSize (pixel)Filename

152x152AppIcon76x76@2x~ipad.png

Splash screens

GraphicSize (pixel)Filename

Display not actual size.

640 x 1136Default-568h@2x.png

Display not actual size.

1024 x 748Default-Landscape~ipad.png

Display not actual size.

768 x 1004Default-Portrait~ipad.png

Display not actual size.

640 × 960Default@2x.png

Display not actual size.

2048 x 1496Default-Landscape@2x~ipad.png

Display not actual size.

1536 x 2008Default-Portrait@2x~ipad.png

Display not actual size.

640 x 1136LaunchImage-700-568h@2x.png

Packaging of graphics

  1. Create the following directories and copy the graphics into them:
    • new_icons (all icon files go into here)
    • new_splash (all splash screen files go into here)
  2. Zip the directories.

Default set of graphics for iOS devices

Download the default set of graphics to begin your rebranding work.

This version of the documentation is no longer supported. However, the documentation is available for your convenience. You will not be able to leave comments.

Comments