4.0

Table Of Contents
5 Delete the default <h2> heading from the default.html file.
This heading is unnecessary for the simple Web view that this example demonstrates. Delete the following
code line.
<h2 style="margin-left: 16px; margin-top: 0px; padding-top:18px;">
Welcome to Default Webview Template
</h2>
6 Change the paragraph text from This webview is a base for your own webview development to the
following text:
<p style="margin-left: 16px; margin-top: 0px; padding-top:18px;">
Click one of the virtual machines in your inventory to display its
information.</p>
7 Go to http://
orchestrator_server
:8280/vmo/ in a browser to check the appearance of the Web view.
8 Make any necessary adjustments to the HTML code to improve the appearance of the Web view.
For example, change the spacing of the text by adjusting the margins of the <p> tag and add a hard return
line under the text.
<p style="margin-left: 16px; margin-top: 5px; margin-bottom: 5px;">
Click one of the virtual machines in your inventory to display its information.
</p>
<hr />
What to do next
Add a function to the default.html page by referring to a Web view component.
Add a vmo:ListPane Component to the Web View Home Page
You can add a vmo:ListPane component to the Virtual Machine Manager Web view home page to display a
list of vCenter server objects.
Prerequisites
n
Import the default Web view template into the Orchestrator server.
n
Export the contents of the default Web view template to a working directory.
n
Configure the Orchestrator server for Web view development.
n
Open the default.html file in an HTML editor.
vCenter Orchestrator Developer's Guide
318 VMware, Inc.