Custom Widget

The Custom widget is useful when you want to display messages on dashboards, for example about service windows, planned downtime, or how to escalate support cases.
The widget can also include web pages, help, images or information about your organization's procedures directly on dashboards.

The widget is initially very simple, and everything you write will initially appear on a single line. However, if you have the right to manage widgets, you can format your text and include web pages, images and links in the widget with these tags and features:

  • Paragraph: <p>paragraph text</p>

    To specify the color of the paragraph text, include a color parameter. Example: <p style="color:#FF0000;">text</p> will make the text an attention-grabbing red.

  • Line break: <br>
  • Bold: <b>text</b>
  • Italics: <i>text</i>
  • Link: <a href="URL">link text</a>

    To make the link open on a new browser tab, include a target parameter: <a href="URL" target="_blank">text</a>

  • E-mail link: <a href="mailto:e-mail address">link text</a>
  • Image: Click EMBED AN IMAGE.

    You must link to an image on the internet; you can't upload the image to PerformanceGuard.
  • Web page: Click EMBED A WEB PAGE.

    When you add a web page, PerformanceGuard automatically creates the required HTML code. If the web page has scroll bars, try to adjust the size of the widget. If that doesn't help, and you don't want the scroll bars, you can remove them if you add these style elements and a scrolling="no" parameter to the HTML code:

    <style>
       div {overflow:hidden}
       iframe {overflow:hidden}
    </style>
    <iframe src="URL" class="fill" scrolling="no"></iframe>
    You can view the web page in the widget while you set it up, so it's easy to experiment and find the best widget size.
    When a widget contains a web page, it can't have any other content.
  • Numbered list: <ol> <li>Text <li>Text </ol>
  • Bullet list: <ul style="list-style-type:disc"> <li>Text <li>Text </ul>
If you want more examples of what you can do with HTML, try w3schools.com.
X-Frame-Options in HTTP response headers can be used to prevent that web pages are rendered in iframes. This can prevent embedded web pages from working in the widget. You can read more about X-Frame-Options on MDN.

Search this documentation

On this page

In this section