Creating and Using Widgets › Embedding Widgets for Requesting Services and Managing Requests › Embedding Widgets in SharePoint

Embedding Widgets in SharePoint

To create and use widgets in Microsoft SharePoint (SharePoint), 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 SharePoint pages (except for the Liferay-specific information):
   • Prerequisites
   • Limitations
   • Implementation:
     • On the first SharePoint page, embed the Browse and Request widgets.
     • On the second SharePoint page, embed the Status, Edit Request, and Request List widgets.
   • Use the next steps to embed each widget on the appropriate page. The steps can vary according to the version of SharePoint that you are using.

     Note: For detailed instructions to create widgets, see your SharePoint documentation.

3. Click My Site, expand the Site Actions drop-down list, and select Edit Page.
4. Click the Plus icon (Add a Web Part).

   Note: To edit an existing widget, click Modify Shared Web Part in the Edit menu, and skip the next step.

5. In the Web Page dialog, select the Content Editor Web Part in the miscellaneous section, and click Add.
6. In the Content Editor Web Part, Follow these steps::
   1. Click the link to Open the tool pane.
   2. On the tool pane, click Source Editor.

      In the Web Page dialog, specify the source code for the widget, 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.
   3. Click Save.

      The source is rendered in the content editor. For example, if you are calling the Browse widget, the catalog, folder, or service that you specified is rendered in the content editor.

      Note: If you are editing an existing widget, click Exit Edit Mode in ‘Site Actions’ menu and verify that the widget is loaded.

   4. Review the rendered widget, and proceed as follows:
      • To refine the widget, click the Source Editor and adjust the source code.
      • To use the widget as rendered, click Apply and OK.
7. Test the widgets.