5.5
Table Of Contents
- Developing Web Views for VMware vCenter Orchestrator
- Contents
- Developing Web Views for VMware vCenter Orchestrator
- Web View Overview
- Weboperator Web View
- Web View Development Tasks to Perform in Orchestrator
- Create a Web View Skeleton
- Export a Web View as a Template
- Create a Web View from a Template
- Define a Web View Template as a Resource Element
- Create a Web View from a Resource Element Template
- Export Web View Files to a Working Folder
- Configure the Server for Web View Development
- Import Web View Files from a Working Folder
- Create a Web View Attribute
- Add a Resource Element to a Web View
- Disable Web View Development Mode
- Publish a Web View
- File Structure of a Web View
- Web View Home Page
- Web View Components
- Tapestry Web View Components
- Creating Tapestry Web View Components
- Orchestrator Tapestry Component Library
- vco:DisplayProperty Component
- vco:IfMemberOf Component
- vco:IncludeJavascript Component
- vco:IncludeStylesheet Component
- vco:IncludeWorkflowHeader Component
- vco:ListPane Component
- vco:Login Component
- vco:PageAccessControl Component
- vco:TaskAction Component
- vco:WebformContainer Component
- vco:WorkflowLink Component
- Accessing Server Objects from URLs
- Create a Simple Web View Using the Default Template
- Import the Default Web View Template
- Export the Virtual Machine Manager Web View to a Working Folder
- Provide Unique Component Names
- Configure the Server for Web View Development
- Edit the Virtual Machine Manager Web View Home Page
- Add a vco:ListPane Component to the Web View Home Page
- Define the Web View Attributes for the vco:ListPane Component
- Create a Web View Component to Display Virtual Machine Information
- Create a Web View Tab by Using the Menu Component
- Add Links to Run Workflows from a Web View by Using the vco:WorkflowLink Component
- Customize the Web View Interface
- Publish the Virtual Machine Manager Web View
- Index
2 Add a reference to the MyBorder component, a title, and some text to the runWorkflows.html file.
<vco jwcid="@layout/VMMBorder" section="literal: home" title="Run Workflows">
<p style="margin-left: 16px; margin-top: 5px; margin-bottom: 5px;">Click a workflow to
run it.</p>
</vco>
3 Rename the /component/Menu.html Web view template file to /component/VMMMenu.html.
If you run more than one Web view in the same Orchestrator server, all components must have a
unique name.
4 Open the /component/VMMMenu.html Web view template file in an HTML editor.
The Menu.html file contains an unordered list with one <li> entry that links to the home page of the
Web view.
<ul id="sectionMenu" class="menu">
<li jwcid="@Any" class="ognl:page.isCurrentPage(webview.urlFolder + '/default')?
'selected':''">
<a href="./">Home</a></li>
</ul>
5 Copy and paste the <li> entry to create a second menu tab.
You create menu tabs in the Web view by adding <li> entries to the unordered list.
6 Modify the new <li> entry to point to runWorkflows.html.
a Change the ognl:page.isCurrentPage OGNL statement to add the runWorkflows suffix to the URL.
b Change the <a href> link to point to ./runWorkflows.html.
c Change the <a href> text to Workflows.
<li jwcid="@Any" class="ognl:page.isCurrentPage(webview.urlFolder + '/runWorkflows')?
'selected':''">
<a href="./runWorkflows.html">Workflows</a></li>
7 Open the Virtual Machine Manager Web view in a browser at https://orchestrator_server:
8280/vco/vmo/.
The Workflows tab appears in the Web view. If you click the tab, you see the contents of the
runWorkflows.html file.
You added a tab to the Web view.
What to do next
Use the vco:WorkflowLink component to run workflows from the Workflows tab.
Add Links to Run Workflows from a Web View by Using the
vco:WorkflowLink Component
You add links to run workflows from a Web view by using the vco:WorkflowLink component. You define
the workflows to run by setting Web view attributes.
Prerequisites
n
Create a Web view tab in the Virtual Machine Manager Web view by modifying the Menu.html
component template.
n
Create the runWorkflows.html file to define the contents of the tab.
Chapter 8 Create a Simple Web View Using the Default Template
VMware, Inc. 57