XModify Visualization Example

First, create a new XModify file with two append statements that define two different dialog pop-ups. Select File – New – XModify File from the menu bar, and create a new XModify file named XPopups. Open the source editor for XPopups and enter the code shown in Figure 82.

image\img00139.gif

Figure 81: New XModify File

 

image\img00140.gif

Figure 82: XModify XAL

This XAL will create a new dialog and a new window when loaded into the Nexaweb client. Now that the two append statements have been created (which could also have been done by dragging the window and dialog components into two append nodes in the outline), they can be edited in the visual editor.

After switching back to the visual editor tab, select the <xm:append> node in the outline view whose child is a <window>. (Figure 83) Select Visual Tools – Display XModify Statement from the menu bar. Now the window is displayed in the visual editor. Drag the border of the window to adjust the size of the window. Drag a button from the components palette into the window.

image\img00141.gif

Figure 83: Select Append Statement

image\img00142.gif

Figure 84: Edit <xm:append> statement

 

 

Now select the dialog <xm:append> statement, and display the statement in the visual editor. The dialog can now be edited in the visual editor. In this way, multiple XModify statements can be present in the same file, but can be edited independently in the visual editor.