Designer 10.7 | webMethods CAF and OpenUI Development | Views in the Composite Application Framework | Using the Design Canvas | About the Design Canvas
 
About the Design Canvas
The design canvas is a graphical editor used to design the pages of a Web or portlet view. The design canvas does not provide an exact representation of the layout as seen in a My webMethods Server page, on an application runtime server or in an external browser. You can run the application on My webMethods Server and use an external browser to review the user interface design and navigation issues that surface during development.
You create a page layout by dragging and dropping controls from the Palette view into the active view in the design canvas.
Some controls can contain other controls in a parent-child relationship. You can drag controls onto the canvas using the following guidelines:
*A vertical red bar appears at the place where the control is dropped.
*If the The Drop Invalid icon overlay is visible on the cursor, you cannot drop the control.
*If the The Drop Valid icon overlay is visible on the cursor, you can drop the control.
*You cannot drop an input control outside of a Form control. For more information about input controls, see webMethods CAF Tag Library Reference.
*When you drag the control, descriptive hints are displayed to help you determine where to drop it.
The design canvas is fully integrated with the Java build mechanism in Composite Application Framework. As you make changes in the design canvas, the underlying Java code in the managed beans is updated.
Delete, Cut, Copy, Paste, and Undo commands from the File menu are valid on the design canvas. These commands are also available when you right-click individual controls on either the design canvas or the Outline view.
Related Topics