You can add a vco:ListPane component to the Virtual Machine Manager Web view home page to display a list of vCenter Server objects.

Prerequisites

  • Import the default Web view template into the Orchestrator server.

  • Export the contents of the default Web view template to a working directory.

  • Configure the Orchestrator server for Web view development.

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

Procedure

Add a vco:ListPane Component to the default.html file to add a list of virtual machines in the page.

You add a vco:ListPane Component by adding the following <p> tag after the instruction to click a virtual machine.

<vco jwcid="@layout/VMMBorder" section="literal: home" title="Virtual Machine Manager">
   <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 />

   <p jwcid="@vco:ListPane"
					action="getVirtualMachineList"
					actionParameters="attribute:vmFolder"
					detailUrl="./panel.html"/>

</vco>

The <p> tag instantiates the vco:ListPane component with the following properties:

Table 1. Properties of the vco:ListPane component

Property

Description

jwcid= "@vco:ListPane"

Refers to the vco:ListPane component, to add a list of virtual machines from the server inventory to the Web view.

action= "getVirtualMachineList"

Links to a Web view attribute that runs an action in the Orchestrator server to retrieve a list of virtual machines.

actionParameters= "attribute:vmFolder"

Passes parameters to the getVirtualMachineList action. The actionParameters property passes the vmFolder Web view attribute to the action, to retrieve a list of the virtual machines from a virtual machine folder.

detailUrl= "./panel.html"

The path to an HTML page in which to display information about each virtual machine in the list.

Results

You added a component to the Virtual Machine Manager Web view that obtains a list of virtual machines from a given folder in vCenter Server.

Note:

You create the Web view attributes that the vco:ListPane component requires in the Orchestrator client.

What to do next

Define the Web view attributes that the vco:ListPane component requires.