Nexaweb Studio comes with the oXygen XML Editor pre-installed and selected as a default editor. The oXygen XML Editor provides you with type ahead functionality for component tags and attribute names. To use oXygen with the Nexaweb Visual Editor perspective, you must:
Select Oxygen XML editor as an XML editor
Associate the Oxygen XML editor with Nexaweb XAL UI files (for type ahead functionality)
To configure type ahead functionality you must:
Specify a default schema association
To specify oXygen XML Editor as an XML editor, follow these steps:
1. Select Window > Preferences > Nexaweb > Source Editors.
The Source Editors dialog appears.
2. Select Oxygen XML Editor from the list of XML Source Editors.
3. Click Apply and then OK to close the dialog.
Nexaweb Studio displays a message indicating that the change of source editors does not take effect until the next time you start Nexaweb Studio.
4. Re-start Nexaweb Studio now, if you do not wish to configure type ahead functionality, otherwise, restart Nexaweb Studio when you complete the steps for configuring type ahead functionality.
To associate the oXygen Source Editor with Nexaweb files, follow these steps:
1. Select Window > Preferences > General > Editors > File Associations.
The File Associations dialog appears.
Figure 89: Preferences file associations.
2. Select *.xal in the File Types selection box.
3. Select Oxygen XML Editor in the Associated editors list box and click OK.
Note: If Oxygen XML Editor does not appear in the Associated editors list box, click Add and the Editor Selection dialog appears from which you can add the Oxygen XML Editor to the Associated editors list box.
To specify a default schema association, follow these steps:
1. Select Window > Preferences > oXygen > Editor > Default Schema Association.
The Default Schema Association dialog appears.
2. Click New.
A Schema Mapping dialog appears.
Figure 90: Schema Mapping.
3. For Java applications: Enter http://openxal.org/ui/java in the Namespace field.
For Ajax applications: Enter http://openxal.org/ui/html in the Namespace field.
4. Click the Browse for local file icon (second icon from the left) beside the Schema URI comboBox.
An Open dialog appears.
5. For Java Applications:
- Navigate to the Nexaweb Platform/Schemas/xal/ui/java directory.
- Select: xal-java
For Ajax applications:
- Navigate to the Nexaweb Platform/Schemas/xal/ui/html directory.
- Select: xal-html
6. Click OK.
The Schema association you created appears in the Default Schema Association list.
7. Click Apply.
8. Close any open Nexaweb Studio UI files and restart Nexaweb Studio, if you did not restart after specifying oXygen XML Editor as the default XML editor.
9. Open a UI file in the Nexaweb perspective.
10. Click Source tab.
11. Enter: <rootPane> directly beneath the namespace specification at the top of the file.
12. Enter </rootPane> before the ending </xal> tag at the end of the file.
Figure 91 shows the oXygen XML editor integrated into the visual editor. When you press the space bar in an open component tag, a popup window displays all the valid attributes for that tag, similar to the <textField> component shown in Figure 91.
You can switch between the oXygen Source Editor and the Nexaweb Visual Editor to see in real-time how Nexaweb Studio represents updates made in one editor or the other.
Figure 91: Nexaweb Designer – Source Editor.