Web content

Table of Contents

• Introduction
• Configuration
  • Examples
    • Google Calendar
    • Investing.com
    • Google Maps

Introduction

By loading information in a tile through an iFrame, it creates endless possibilities to start working on yourself.

Some nice examples are calendars (for example from Google), Google Maps, data from business applications and many more. IT partners can develop tiles themselves, but by using iFrames you can simply create a completely personalized workspace with exactly the information you find important yourself, without any programming.  

Back to top

Configuration

Only administrators can create the Web content tile.

• Go to the App store.
• Select Manage apps.
• Click on Add new app.

• Search for the Web content tile.
• Click on Add.

• First, fill in the default app's configuration like the App name, Color and Icon.
• As second, locate the iFrame code and the URL from the web content you want to embed, and fill this in.
  • To get the optimal visual results out of your web content tile adjust both the width and the height to 100%. You could also adjust the size of the tile to your preference.
• When you're done configuring the app, click Save. 

The tile is then ready to be added from the App store to Workspace, either to a new or existing group.

Back to top

Examples

Google Calendar

Sample URL:

https://calendar.google.com/calendar/embedsrc=anthonycarter%40gmail.com&ctz=Europe%2FAmsterdam

Sample embed code:

<iframe src="https://calendar.google.com/calendar/embed?src=anthonycarter%40gmail.com&ctz=Europe%2FAmsterdam" style="border: 0" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>

Back to top

Investing.com

Sample URL:

https://www.investing.com/

Sample embed code:

<iframe src="https://www.widgets.investing.com/leading-stocks?theme=darkTheme" width="100%" height="100%" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0"></iframe><div class="poweredBy" style="font-family: Arial, Helvetica, sans-serif;">Powered by <a href="https://www.investing.com?utm_source=WMT&amp;utm_medium=referral&amp;utm_campaign=LEADING_STOCKS&amp;utm_content=Footer%20Link" target="_blank" rel="nofollow">Investing.com</a></div>

Back to top

Google Maps

Sample URL:

https://www.google.nl/maps/

Sample embed code:

<div class="mapouter"><div class="gmap_canvas"><iframe width="479" height="445" id="gmap_canvas" src="https://maps.google.com/maps?q=newdayatwork&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://www.pureblack.de"></a></div><style>.mapouter{text-align:right;height:445px;width:479px;}.gmap_canvas {overflow:hidden;background:none!important;height:445px;width:479px;}</style></div>

Back to top