Web Content tile

The Web Content tile enables you to enrich your dashboards with data from other web pages and custom HTML.

With a Web Content tile you can:

  • Add HTML, for example to add formatted text or links to other websites.
  • Embed web pages via iframe, for example to show web content from another site alongside the data in other tiles on the dashboard.

How to configure the Web Content tile

  1. Create a new tile on a dashboard or perspective and choose the Web Content tile.
  2. Content:
    Here you define what content you want to show:
    URL
    Allows you to embed other websites via iframe. Enter the absolute URL of the site you want to embed, for example http://www.squaredup.com.
    If your site isn't showing, you can find help here: Why isn't my site showing? Troubleshooting embedded web pages
    HTML
    Allows you to enter HTML code.
    Tips for using HTML:
    • If you're using colors, make sure they'll work for both light mode and dark mode.
    • To use colors add style="color:blue" or style="background-color:orange; color:white" to your content, for example <a href="https://support.squaredup.com" style="color:#FC5751" target="_blank">Knowledge Base</a>
    • To make your link open in a new tab add target="_blank" to your link tag: <a href="http://support.squaredup.com" target="_blank">Knowledge Base</a>
  3. Display:
    The display section allows you to change the way the tile displays, such as the height of the tile, the zoom level, show a border, and enable scrolling.
    Height
    Allows you to change the height of the tile. Use the slider to make the tile's size fit best for your content.
    Zoom
    Allows you to change the size of the content shown in the tile.
    Options
    Show border: Adds a border around the content of the tile.
    Enable scrolling: Adds a scroll bar to then content of a tile. Allowing your users to scroll down might be necessary if height and zoom can't make the embedded website or HTML content fit into the tile.
    Automatically refresh(only for embedded websites): Reloads the embedded website automatically.
    Open in new window when clicked (only for embedded websites): If this option is checked, the whole tile becomes a link that opens the embedded website in a new tab, and users can't use links on the embedded website. If this option is unchecked, users can click on links on the embedded website. It depends on what you are embedding if you want to prevent users from clicking links or need them to be able to click on links within the iframe.
  4. Click done to save the tile.

    The tile now shows data according to your settings.

How to embed other dashboards via the Web Content tile

You can embed other dashboards from SquaredUp DS in your dashboard.

Which dashboards can I embed?

The best way to embed dashboards it to embed Open Access dashboards, since normal dashboards require authentication to show data.

Technically, you can embed normal dashboards, but since they require authentication to show data, this will only be useful when the dashboard you're embedding is on the same SquaredUp DS instance as the dashboard that embeds it. Since users are already logged in to see the dashboard in the SquaredUp DS instance, they can also see the data from the embedded dashboard.
But if you would try to embed a normal dashboard that is on a different instance of SquaredUp DS, the dashboard wouldn't show any data since users are not authenticated. They'd see tiles constantly trying to load data instead.

In both cases, you have to whitelist the server the dashboards are on to see any data.

Any dashboard you embed needs to be in the same domain as the dashboard it gets embedded in. Dashboards that are in a different domain get blocked by your browser due to security reasons for cookies. For example, if you are trying to embed your SquaredUp DS Standalone dashboards into your SquaredUp DS for SCOM dashboards, you need to make sure both instances are in the same domain.

How to embed a dashboard in a dashboard via the Web Content tile

  1. Before you can embed SquaredUp DS dashboards (including Open Access dashboards), you have to whitelist the server they are on.
  2. You can either embed a normal dashboard or an Open Access dashboard. Insert either the normal sharing URL (for sharing a normal dashboard) or an Open Access URL (for sharing an Open Access dashboard) in the URL field of the Web Content tile.

FAQs

Why isn't my site showing? Troubleshooting embedded websites

If your Web Content tile is blank or showing an error, try the following troubleshooting steps:

  1. Are you trying to embed a http page in a https page? For security reasons http pages cannot be embedded in https pages. For more information see Why you should not mix http and https when using iframes.
  2. Open your browser's Web Developer tool. In the tool, open the Console and check for an error message, for example a sameorigin or blocked script error (see following steps).
  • Sameorigin error: The website itself doesn't allow embedding.
    It is common for websites to actively disallow embedding. Unfortunately there's nothing you can do about it, unless the website is hosted internally and you can ask the maintainer of the site to make an exception.
  • Blocked script error: The website uses scripts which SquaredUp DS does not allow.
    For security reasons scripts can't be run in Web Content tiles (iframes) in SquaredUp DS v4.6 onwards. The tile might display nothing for that site, display the site in a poorly formatted manner, or there may be a message from the site itself indicating that it requires JavaScript to function correctly.
    You can at your own risk override this security setting by whitelisting trusted sites.

Was this article helpful?


Have more questions or facing an issue?