Creating and Using Widgets › Embedding Widgets for Requesting Services and Managing Requests › Use the Request Widget to Let Users Request Services › Call the Request Widget Using Source Code

Call the Request Widget Using Source Code

In Liferay, you can call the Request widget by creating the portlet and specifying the source code. Review the following steps for producing the earlier Request widget example. Follow them as a model to configure the display and behavior of the Request widget in your implementation.

Follow these steps:

1. On the portal page, perform these actions to create the portlet:
   1. Click Add, Web Content Display.
   2. Click the plus icon (Add, Web Content).

      The New Web Content window appears.

   3. Specify the required fields and close the window.

   The new portlet gets added to Liferay.

2. Click Edit Controls at the top of the page.
3. Mouse-over the portlet, and click the pencil (Edit Web Content) icon.

   The portlet Settings appears.

4. In the Content window, click Source.

   The Source container opens for editing.

5. Review the following source and key parameters for the earlier Request widget example. Use them as a model to specify your source.
6. Perform the following actions:
   • Close the Source container.
   • Publish and review the updated portlet.
   • If necessary, refine your specifications until the widget meets your requirements.

Source and Key Parameters

The source for the Request widget example follows:

<script type="text/javascript" src="http://hostname:portnumber/usm/gwt/fdRenderer/fdRenderer.nocache.js"></script>

<script type="text/javascript" src="http://hostname:portnumber/usm/explorer/scripts/request.widget.js"></script> 

<script> CA_Catalog.buildWidget({type: 'request', renderTo: 'targetDiv', rootId: -1, linkColor: 'inherit', borderColor: 'darkGreen'}); </script>

<div align="left" id="targetDiv" style="margin-bottom: 10px;">
	&nbsp;</div>

The first line references the form renderer required for the Request widget.

The second line references the JavaScript file for the Request widget.

The third line specifies the JavaScript with configuration parameters for the Request widget.

Note: Separate parameters with a comma, but do not specify a comma after the last parameter.

The fourth line specifies the DOM element in which the Request widget is rendered.

Key parameters and explanations follow for the CA_Catalog.buildWidget function call in the Request widget example.

login credentials

We recommend single-sign-on for widgets. However, if you require login credentials for this widget, specify them in this function call. Use the following format:

username: 'username', password: 'password'

type:"request"

Specifies that the widget is a Request widget.

renderTo:"targetDiv"

Specifies that the widget is rendered into the DOM element whose ID is targetDiv.

rootId:–1

Specifies that when the Request widget opens initially, it displays nothing.

When the user clicks a service in the Browse widget, the Request widget displays that service.