Controls

Web Widgets / HTML Code

In contrast to the webpage Control, the task of the WebWidget Control is to display only an HTML fragment and not a complete page. Typical task is rendering HTML code to integrate external content into your own homepage, e. g. weather, stock prices etc. In the following example we want to integrate the weather widget from wetter24.de . You can generate your own HTML code for your postcode by filling in the form on this page.

Open the property editor of the WebWidget control by clicking the small button with the three dots of the HTMLCode property. You can then copy and paste the HTML code into the text field and confirm with OK.

The widget is not displayed in the Designer. To see it, the preview must be activated or the panel must be running on a Peakboard-Box. In the following screenshot you can also see very nicely that the size of the HTML output is determined by the HTML code and not by the size of the control. Of course, the Control must be large enough to display everything.

Examples:

Below is a small list of websites that allow you to experiment with generating HTML widgets:

Weather

http://www.wetter24.de/mehr/widget/?city=18228265

http://www.daswetter.com/widget/

Facebook

https://developers.facebook.com/docs/plugins/page-plugin

Google Maps

http://maps-generator.com/

Open Street Map

http://wiki.openstreetmap.org/wiki/DE:Karte_in_Webseite_einbinden

image_1

Be enlightened!

Do you need more support?

Peakboard Youtube icon Visit our YouTube channel

Our numerous videos for beginners and advanced users explain exactly how to design your dashboard.

Peakboard Templates icon Visit the Peakboard Templates

Download our templates for various use cases for free.

Peakboard icon Visit www.peakboard.com

Find out all about Peakboard and browse our different use cases and success stories.