Page Comparison

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>

  Info
  icon false
  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>

  Info
  icon false
  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.

  Note
  icon false
  You must link to an image on the internet; you can't upload the image to PerformanceGuard.

• Web page: Click EMBED A WEB PAGE.

  Info
  icon false
  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:

• Code Block language css theme Emacs <style> div {overflow:hidden}   iframe {overflow:hidden} </style> <iframe src="URL" class="fill" scrolling="no"></iframe>

  Tip
  icon false
  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.

  Note
  icon false
  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>