You can customize the appearance of the Web view by adjusting the custom.css style sheet and changing the images in the \images folder.

Prerequisites

You created the Virtual Machine Manager Web view.

Procedure

  1. (Optional) : Change the Web view logo by overwriting the \images\header_logo.jpg file, for example, with a JPEG of your company logo.
  2. Open the \css\custom.css style sheet file in a text editor.
  3. Adjust the width and height values of siteTitle to fit the proportions of your company logo file.
  4. Refresh the page in the browser.
  5. (Optional) : Customize any part of the Web view by modifying the custom.css file.

    You can edit the custom.css to override the VMMBorder.html component template file and the border.css style sheet to modify the overall layout of the Web view.

    Note:

    The custom.css style sheet is the only layout file that you should modify. If you modify other style sheets or component template files, your changes are lost if you upgrade Orchestrator.

Results

You customized the appearance of the Web view by adjusting the custom.css style sheet and by changing the logo.

What to do next

Disable Web view development mode, import the Web view files to the server, and publish the Web view.