Procedural interface

To embed a Flex-based Management view in your HTML page, use the showMVFlexComponent method with the following parameters:

showMVFlexComponent(id, favoritePath, favoriteServer, view, width, height, filterMaster, externalLink);

Parameter

Description

id

Identifier of this Management view component

favoritePath

Path to the favorite in the source system

Syntax: \<Favorites folder>\...\<Favorite name>

Replace the backslash character in the favorites path with the string %5c and avoid special characters such as accents etc. in folder and favorite names. 

favoriteServer

Type of favorite, valid values:

FAVORITE_PRIVATE: User-specific

FAVORITE_SHARED: General

view

If the Management view component contains a chart, you can choose between two chart types:

  • BITMAP:
    The chart is integrated as a graphic created by PPM. Except for the display of tooltips, no interaction with the chart is possible. In particular, it cannot be used as an interactive filter component.
  • FLEX:
    The chart is represented using the Flex-specific chart library. The available interaction options allow it to be used as an interactive filter component (see chapter on Interactive filters between MV components).

width

Width of the embedded Flex component in pixels or percent

height

Height of the embedded Flex component in pixels or percent

filterMaster
(optional)

The identifiers of the Management view components or global filter components that will act as a filter for the selected component (see chapter on Interactive filters between MV components or Integrate global filter components).

externalLink
(optional)

In addition to the source system URL call with the analysis data for the selected Management view component, you can specify another URL to call up an external HTML page.

You cannot enter descriptions for external links.

If you specify a percentage for the width of the Management view component, the width of the Management view component displayed automatically adjusts to the size of the browser window.

Examples of adaptations of the method

When entering or changing the parameter values, pay attention to the sequence of the parameters specified by the method. If you do not want to transfer values for certain parameters when calling up the Management view, leave the corresponding fields blank ("").

Example of a Flex MV

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

<html>

<body>

<script language="javascript"
src="../assets/javascript/mvhelper.js">
</script>

<script language="javascript"
src="../assets/javascript/linkhelper.js">
</script>

<script language="JavaScript" type="text/javascript">
initializeFlex();
</script>

<div>

<table cellpadding="0" cellspacing="0" rules="none"
frame="void" border="0" bgcolor="#FFFFFF"
width="100%" height="100%">

<tbody>

<tr>

<td><script language="JavaScript"
type="text/javascript">
showMVFlexComponent
("0", "%5CFav_1", "FAVORITES_PRIVATE",
"FLEX", "100%", "400", "", "");
</script>
</td>

</tr>

<tr>

<td><script language="JavaScript"
type="text/javascript">
showMVFlexComponent
("1", "%5CFav_2", "FAVORITES_PRIVATE",
"FLEX", "100%", "400", "", "");
</script>
</td>

</tr>

</tbody>

</table>

</div>

</body>

</html>