Now you will create the basic JSP layout of the calculate.jsp.
In the Design view, select the text Place content here. and replace it with JSF Calculator.
Select the text JSF Calculator, and on the top menu select Insert → Paragraph → Heading 1.
Figure 17-7. Portlet heading
Select the Output component in the Faces Components palette. Drag the cursor under the heading and drop the component.
Figure 17-8. Creating the page layout for the calculator
Select the outputText component in the Design view. ...