The Page Include component enables you to embed other project pages in the current page. This feature is useful for creating
tabbed navigation. Note that the Page Include component is similar to, but not the same as the IFrame component, which enables you to include web pages,
not .dg5 pages, in your application. The following video shows you the basics of using the page include component to implement navigation.
To bind data between components that reside on different pages in a project, use the project dataflow. To edit the project dataflow, choose Modify > Project Dataflow.
Example: Implementing Navigation using a Page Include Component
The following example enables a user to click a button to choose the .dg5 page that is displayed in a Page Include component, as shown in the following brief video clip.
To implement this logic, perform the following steps:
Create a button group as follows: Create a group and populate it with text components that are styled to look like buttons. Label each button (set its Text property) to indicate the page that the Page Include
component will load when the button is clicked. Set the button group's Selection property to single select.
Open the dataflow of the Stage and add a Case block. Edit the case block so that each case outputs a page name for the corresponding button, and bind its input from the button group's Selection Index property.
Add a Page Include component to the stage and bind its URL property from the output of the Case block that you added to the Stage dataflow.
To verify that you have implemented the logic correctly, enter Preview mode and click a button in the button group. If you have configured the example correctly, the corresponding page is displayed in the Page Include component.