The Page Include component enables you to embed other DGLux5 pages in the current page. This feature is useful for creating tabbed navigation.
For a detailed reference of properties that affect Page Includes, see Common Properties and Page Include Properties.
A Page Include component in DGLux5
You can create a button panel that lets the user determine which .dg5
file is loaded in a Page Include. There are several ways to do this. These steps show you how to achieve this effect using a Case dataflow block. Alternatively, you could create an onClick action for each button, as shown in this video, or you could create a button symbol that holds the URL as one of its parameters.
To use a Case block for Page Include navigation:
Insert a text component within the group.
This is your first button. Optionally, style your button using properties and actions.
.dg5
file from the Project panel to the then n field to add the path.
To quickly open the .dg5
file contained within a Page Include, double-click the Page Include element in the Document window in Edit Mode.
These steps demonstrate how to transfer a value from one page to another by using Project Dataflow.
These steps refer to the two pages as the "source page," meaning the page that contains the value to be transferred, and the "target page," meaning the page that is affected by the source value. Often, the source page is viewed within a Page Include component, and the target page is the page that contains the Page Include component.
In the Project panel, double-click both the source page file and the target page file.
This opens both files in the Document window.
Click the plus sign inside the State block.
This adds path 0 and change 0 properties.
Drag the value property of the String block from Project Dataflow to the path 0 field in the block properties panel for the text input component's State block, as shown in the following image. Do not drag it to the visual block in the dataflow window.
Because you dragged the property to the block properties panel, the path itself was pasted, as shown in the following image.
If a blue rectangle appears around the path 0 property, the value was bound instead, and you need to repeat this step.
In Preview mode, enter text in the text input component.
The value in the text component changes.