5.5

Table Of Contents

2 Open the default.html file in an HTML editor.

The default.html page uses the MyBorder component to render itself. It contains little code, as the

following code sample shows.

Welcome to Default Webview Template

</h2>

This webview is a base for your own webview development.

</p>

</vco>

The vco tag initializes a Tapestry component by setting the jwcid attribute to point to the MyBorder

component, which you renamed to VMMBorder.

3 Change the jwcid attribute to refer to VMMBorder instead of MyBorder.

4 Change the title attribute to Virtual Machine Manager.

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.

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:

Click one of the virtual machines in your inventory to display its

information.</p>

7 Go to https://orchestrator_server:8280/vco/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.

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.

Developing Web Views for VMware vCenter Orchestrator

52 VMware, Inc.