Optimizing the Use of the Code Editor

You can use various code editor features to help you work fast and efficiently.

To optimize your way of working with the code editor:

1. You can review the properties of all your tags in the Source code editor. For example select the af:form tag in the code editor to pop up its properties, as shown in Figure: View Tag Properties.

   View Tag Properties

   
   

2. Hover your mouse over the loginBean word. This shows the properties of the bean component, as shown in Figure: Bean Component Properties.

   Bean Component Properties

   
   

3. Move your mouse over the true property of the inputText tag and hold Ctrl + Space to launch code completion providing you with the possible code values, as shown in Figure: Code Completion.

   Code Completion

   
   

4. Move to the loginBean and while pressing Ctrl + Space, select the Open getUserName() method, as shown in Figure: Method Properties.

   Method Properties

   
   

   This selection opens the LoginBean.java class and points to the getUserName() getter method, as shown in Figure: Getter Method.

   Getter Method

   
   

5. Back to the code of the login.jspx page, press the Ctrl key, hover over the inputText tag and click the link, as shown in Figure: Login Page.

   Login Page

   
   

6. The inputText documentation from the afu.tld file is displayed, as shown in Figure: afu.tld Tab.

   afu.tld Tab

   
   

7. Close the afu.tld tab.