Graphical Editor and Viewing for JSF Configuration Files

The JSF configuration file editor has three main viewers (modes):

Diagram
Tree
Source

The modes can be selected via the tabs at the bottom of the editor.

The JSF configuration editor also comes with a very useful OpenOn selection feature.

Diagram

The Diagram view displays the navigation rules in the JSF configuration file.

JSF Config Diagram

Creating New View (Page)

To create a new page (view), you can click the page icon on this toolbar and then click anywhere on the diagram. A New Page Wizard will appear.

To create a transition (rule) connecting pages:

Select the transition icon from the toolbar (2nd from the bottom).
Click the source page.
Click the target page.

A transition will appear between the two pages.

JSF Confing Edit

It is also possible to create a new page by right-clicking anywhere on the diagram and selecting New View... .

JSF Config Edit Right Click

To edit an existing transition, first select the transition line. Then, place the mouse cursor over the last black dot (on the target page). the mouse cursor will change to a big +. At this point, drag the line to a new target page.

JSF Confing Edit Rule

Tree View

The Tree mode for the editor displays all JSF application artifacts referenced in the configuration file in a tree format. Select any node and its properties will appear in the right-hand area.

JSF Config Tree

To edit, right-click any node and select one of the available actions in the context menu. You can also edit in the properties window to the right.

JSF Config Tree Edit

Source View

The Source mode for the editor displays a text view of the JSF configuration file. All three viewers are always synchronized, so any changes made in one of the viewers will immediately appear in the others.

JSF Config Source

Content Assist

Content assist is always available in the Source viewer.

JSF Config Source Prompting

Error reporting

Errors will be reported by JSF Studio's verification facility.

JSF Config Source Error

Other errors are also reported.

JSF Config Source Error

You can also work in the Source viewer with the help of the Outline view. The Outline views show a tree structure of the JSF configuration file. Simply select any element in the Outline view, and it will jump to the same place in the Source viewer.

JSF Config Source Error

If your diagram is large, within Outline view you can switch to a Diagram Navigator mode by selecting the middle icon at the top of the view window. It allows you to easily move around the diagram. Just move the blue area in any direction, and the diagram on the left will also move.

JSF Config Source Error

You can also edit in the Tree viewer with the help of the Properties view as shown below.

JSF Config Source Error

	Open in new window

back Graphical Editor and Viewing for JSF Configuration Files The JSF configuration file editor has three main viewers (modes): Diagram Tree Source The modes can be selected via the tabs at the bottom of the editor. The JSF configuration editor also comes with a very useful OpenOn selection feature. Diagram The Diagram view displays the navigation rules in the JSF configuration file. Creating New View (Page) To create a new page (view), you can click the page icon on this toolbar and then click anywhere on the diagram. A New Page Wizard will appear. To create a transition (rule) connecting pages: Select the transition icon from the toolbar (2nd from the bottom). Click the source page. Click the target page. A transition will appear between the two pages. It is also possible to create a new page by right-clicking anywhere on the diagram and selecting New View... . To edit an existing transition, first select the transition line. Then, place the mouse cursor over the last black dot (on the target page). the mouse cursor will change to a big `+`. At this point, drag the line to a new target page. Tree View The Tree mode for the editor displays all JSF application artifacts referenced in the configuration file in a tree format. Select any node and its properties will appear in the right-hand area. To edit, right-click any node and select one of the available actions in the context menu. You can also edit in the properties window to the right. Source View The Source mode for the editor displays a text view of the JSF configuration file. All three viewers are always synchronized, so any changes made in one of the viewers will immediately appear in the others. Content Assist Content assist is always available in the Source viewer. Error reporting Errors will be reported by JSF Studio's verification facility. Other errors are also reported. You can also work in the Source viewer with the help of the Outline view. The Outline views show a tree structure of the JSF configuration file. Simply select any element in the Outline view, and it will jump to the same place in the Source viewer. If your diagram is large, within Outline view you can switch to a Diagram Navigator mode by selecting the middle icon at the top of the view window. It allows you to easily move around the diagram. Just move the blue area in any direction, and the diagram on the left will also move. You can also edit in the Tree viewer with the help of the Properties view as shown below. back