Creating and Using Widgets › Embedding Widgets for Requesting Services and Managing Requests › Embedding Widgets on Plain HTML Pages

Embedding Widgets on Plain HTML Pages

To create and use widgets on plain HTML pages, follow this process:

1. Review the previous topics in this scenario to understand the following concepts:
   • The purpose of each widget
   • How the widgets work together to provide catalog request lifecycle functions in other applications
2. Follow these requirements and guidelines as you design your HTML pages (except for the Liferay-specific and SharePoint-specific information):
   • Prerequisites
   • Limitations
   • Implementation:
     • On the first HTML page, embed the Browse and Request widgets.
     • On the second HTML page, embed the Status, Edit Request, and Request List widgets.
   • Use the next steps to embed each widget on the appropriate page.
3. Create the HTML page. Decide the location and size of the Div element in which to embed each widget.
4. Specify the source code for the widget in the Div element, as follows:
   • Call the Browse widget using source code.
   • Call the Request widget using source code.
   • Call the Status widget using source code.
   • Call the Edit Request widget using source code.
   • Call the Request List widget using source code.
5. Save your updates.

   The source is rendered on your HTML page. For example, if you are calling the Browse widget, the catalog, folder, or service that you specified is rendered on your HTML page.

6. Review the rendered widget. If necessary, to refine the widget, edit the source code, save it, and review the new results.
7. Test the widgets.