Edge Documentation

Overview

The AppBoard Web Page Widget provides a way to include HTML content into an AppBoard dashboard. The URL for the widget can be configured with the widget and/or set via action which allows for user interaction to drive the content shown.

With the Web Page Widget you are able to:

• Include content from an external source by specifying an external URL. Please note that not all websites behave well in this context hence the functionality provided by enPortal.
• Include enPortal proxied content, providing the full capabilities of enPortal such as single sign-on (SSO), and the Content Retrieval System (CRS).
• Include web pages or content served up by the AppBoard server itself. These could be static pages or CGI scripts.

Other than managing the URL, interaction between the Web Page Widget and AppBoard is limited. To develop a more integrated experience allowing AppBoard and the Widget to communicate then refer to the [appboard/2.4/builder/widgets/html_widget|HTML Widget]].

How To Create a Web Widget

For instructions on creating a Widget, see the general instructions in Adding Widgets. The Web Page Widget type is located under the Web category on the Widget selection screen.

How To Configure a Web Widget

1. Follow the instructions above to create the basic "Web Page" Widget.
2. Enter the following information on the Data tab:
   • URL: Enter a web address of the content to be displayed in the Web Widget.

   Example: http://www.edge-technologies.com

3. Click Next to proceed to the Options tab.
4. Enter the following information on the Options tab:
   1. [Optional] Configure the Show Help Option.
5. Click Next to proceed to the Actions tab.
6. Click Add Event Action to configure one or more Actions to be invoked when a user clicks on the Web Widget.
7. Click Finish.
8. In the Builder Modes panel, select Builder and navigate to the appropriate Board to observe the new Web Widget.

Streaming Video in a Wed Widget

Complete the following steps to configure the Web Widget to show streaming video:

1. Follow the instructions from "How To Create a Web Widget" above to create the basic Web Widget.
2. Configure the widget by placing the URL of the embedded video in the URL field.
   • Note: It is important to use the embedded form of the video to properly play back in the web widget.
     • example: http://www.youtube.com/embed/Lhlhj-_7Rrc not http://www.youtube.com/watch?v=Lhlhj-_7Rrc (see figure below)
   • Note: If you want youtube videos to autostart you must append "?autoplay=1" to the url
     • example: http://www.youtube.com/embed/Lhlhj-_7Rrc?autoplay=1
3. Go to the Builder and observe the new Web Widget with streaming video.

Launch Contextual Content in a Web Widget

By combining AppBoard and enPortal, you can create special Widgets (called "Channels") that integrate web application GUIs. For a tutorial example of using an enPortal Channel to launch contextual content from an AppBoard Web Widget, see Launching an enPortal Channel from a Widget.

Display enPortal PIM Content in a Web Widget

enPortal PIMs provide out-of-the-box integration of web application GUIs. You may want to display an enPortal channel on a Board in AppBoard. For a tutorial example of using an enPortal Channel to display an integration application GUI in an AppBoard Web Widget, see Display PIM Content in a Web Widget.