Adding a Control to a Web Application View
In your Composite Application Framework web application, use the editor’s design canvas to add controls to the view. You add a control by dragging the control from the Palette view onto the design canvas and placing it within the view frame.
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 view
1. In the UI Development perspective, in the Navigation view, open the web application project and expand the WebContent folder.
2. Double-click the View Declaration Language (VDL) file to which you want to add a control, or drag the file onto the design canvas.
3. In the Palette view, do either of the following to find the control you want to work with:
Begin typing the control name in the filter field at the top of the Palette view to see matching controls.
Expand the folders in the Palette view to display the available controls.
4. Drag the control to the desired location in the design canvas.
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. In the Properties view, complete the General, Display, and other related properties.
6. Click Preview to see the control added to the view.
7. Save the view.