Adding a Control to a Portlet View
When you drop a control onto the design canvas, the canvas provides visible references to indicate valid drop points. Some controls have facets into which you can drop other controls and some controls require parent or child controls to function properly.
Note: The structure of the control folders in the Palette view is different for .view files and .xhtml files. However, the control functionality is the same.
To add a control to a portlet view
1. In the UI Development perspective, locate the portlet you want to work with in the Navigation view, and expand the WebContent folder.
2. Double-click the view to which you want to add a control to open it in the editor, or drag the view to the editor to open it.
3. In the Palette view, expand the nodes to display the available controls, or type in the filter box at the top to locate the control you want to work with.
4. From the Palette view, drag a control to the design canvas, release the control in the Form command of the view.
As you move the control over the design canvas, observe that a vertical red bar appears in the editor when you pass over an allowed location.
If the control that you selected is not permitted in the area where you want to place it, the cursor displays a “no action” icon (a circle with a diagonal line through it).
If the cursor is over a permitted area for the control, the cursor displays a small gray square with a + sign, as well as a pop-up tooltip stating where the control will be positioned.
Some controls have facets into which you can drop other controls, and some controls require child controls to function properly.
5. Select the newly added control in the view editor, and in the Properties view, enter values for the control’s properties as required.
6. Click the Preview tab to see your results.
7. Save the view.