Overview

In this document, we are going to focus on “Include” control and how this functionality allow us to group controls and make the development more easier and efficient. Using this type, we can make controls available inside the project without create them on every single page for the project.

Preconditions

How to…?

How to…?

...

We need to create first a new page with “include” settings that are not equal than the pages previously created in the tutorials.

Turn to “Project Pages” section and click “New Page” button

...

A popup is displayed to set the required fields for the new page. The only difference will be the “Type” option that we need to set as “Include” instead of “Form”. Also we need make sure that the “Layout” settings will be the same than other pages that you will create in future to use the same controls.

Cliuck “Accept” button and the page

...

How to import different controls on “Include” pages?

Drill down to “Include” page previously created and focus on “Controls” section. In this case, we don’t need to select any control from dropdown list.

Click “Import Controls” button

...

A popup is displayed with the “Project” and “Page” search fields. Pick the project where the application is being develop and then search for the “Include” page previously created.

...

Click “Continue” button

...

All the controls created in the Project are going to be retrieved in the popup to make the import. You can check all the checkboxes at the “Import” right column. For example, if the application has a grid with different columns through all the pages, we can import the “List_Column” control with all the table to make it visible in each page.

Click “Import” button. All the controls selected in the import are displayed on “Controls” section.

How to create an “Include” control?

Stay in the same page that you imported controls and click the dropdown list.

Pick “Include” control

...

A popup is displayed to create the “Include” control associating the Project and “Include” page type like we set when importing the controls.

...

Click “Accept” button to save the changes

...

Now that “Include” control is created, we grouped all the controls (in the example, controls to display a grid table on the page) and there’s no need to create every single “Grid Column” again since we import it.

Click “Preview” button

...

Recap

During this document, we learnt to create Pages using “include” type and then understand how to import controls to any other page under the same Project. This feature allows developers to group and display them in pages that use the same controls.