Adding Container Elements

Use the Container Elements grid on the Template Designer – Containers page (IB_DOCTPLBLOB_SEC) to defined container elements, as shown in the following example:

Image: Container Elements grid on the Template Designer – Containers page

This example illustrates the Container Elements grid on the Template Designer – Containers page.

To define container elements:

1. Access the Template Designer – Containers page. (Select PeopleTools, Mobile Application Platform, Template Designer and click the Containers tab.)

2. Expand the Container Elements section if not already expanded.

3. From the Element Type drop-down list, select an element to add to the container.

4. (Optional.) Define a class for the element.

   1. In the Class Name field click the Look Up button. The Class Selection page appears and displays all of the classes defined for the container.

   2. Select the box next to the class to define for the element.

   3. Click the OK button to return to the Template Designer – Containers page.

5. (Optional.) In the Style field enter a CSS3 style to define for the element.

6. (Optional.) From the Theme drop-down list select a jQuery theme to define for the element.

7. Click the Save button.

Click the Add a Row button (+) to add a row and define additional elements for the container.