Create Interrelated iViews

In the iViews that you create in Visual Composer, you can create links that navigate to other iViews, displayed either within the iView itself, or displayed in a separate window.

Within an iView, you can navigate to three different types of related iViews:

Popup iView
This iView, which can be defined directly within the main iView, is displayed in a separate window. It receives input from the main iView and channels output back to the iView as well.

Example
The following is an example of a popup iView in runtime. The Bank List Grid is displayed as a popup at the right, in a separate window.

(Runtime Popup iView)

End of the example.

For more information about defining a popup iView, see Creating a Popup iView.
Nested iView
A nested iView is an actual iView that sits within the iView being modeled. It can receive input from the main iView but cannot channel data back to the main iView.

Example
The following is an example of a nested iView in runtime. The Bank Details iView on the right displays information automatically from the main iView but also includes an input form for user entry within the nested iView.

(Runtime Nested iView)

End of the example.

For more information about defining a nested iView, see Creating a Nested iView.
Navigation
You can insert an operator that navigates out of the present iView to another iView. The result in runtime is that the source iView is removed when the target iView is displayed.

Example
You may have a source iView that enables you to locate a bank, with its city.

(Source iView)

Having located the bank and selected it, you may then want to find its location by calling up a map. To do so, a navigation point to a URL iView is defined in the source iView, resulting in a "Find It" iView something like the following:

(Target iView)

End of the example.

For more information about defining navigation to an external iView, see Defining Navigation to an External iView.