Reading Time: 2 minutes
You can use the container object to display performance graphs generated externally by other programs within APM. It is an advanced and optional feature that can be used to enhance the visuals of your maps.
To add a container to your map, go to Edit Map | Add Special | Container, and select the area of your map where you want to position the container. Next, provide a link in the “url” field that points to the external graph you wish to include in your map. Leave the other default options as is then click “Save”. Repeat the steps for any additional containers that you wish to add to your map.
If you want to get more information about the other available parameters, read bellow.
| Option | Default | Description |
|---|---|---|
| url | none | The URL to load the contents of the container from. |
| x | none | X axis coordinate. |
| y | none | Y axis coordinate(s). |
| w | auto | Width of the textbox in px (pixels). Set to “auto” for auto scaling. |
| h | auto | Height of the textbox in px (pixels). Set to “auto” for auto scaling. |
| view_type | inline | This option defines the way to render the image. Possible values are: “inline” an “iframe”. Inline means the fetched contents are directly put in the a container object (innerHTML). When setting the value to iframe an iframe object is created to render the given URL in this iframe. |
| enable_refresh | 0 | Enabling this option activates regular updates for this object while being displayed in the frontend. This is only needed for contents which might change during showing the map. |
| background_color | #C0C0C0 | Background color of the textbox. The color should be given in hexcode. Can also be “transparent”. |
| border_color | #000000 | Border color of the textbox. The color should be given in hexcode. Can also be “transparent”. |
| style | none | Custom styling for the text. To be given like HTML style attribute contents. E.g. font-family:sans;font-weight:bold;. It is applied to a “span” element, the container element which gets the contents of the requested url added. |
| use | none | Comma separated list of object templates to use. |
| z | 5 | The z option defines the order of icons which are stacked on top of each other. The highest value will be displayed on top. The background image has the value of 0. So valid values should be above or equal 1. Note: To prevent conflicts with the header navigation you should keep this value below 100. |
