...

Overview

In this documentlesson, we are going to focus on will review the “Include” control and how this functionality feature 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

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 on “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 This is definitely something that we didn’t use before when we created pages on the latest lessons.

Another important thing that we need to keep in mind, the “Layout” settings will should be the same than other pages that you will are going to create in future to use the same controls.

Cliuck Click on “Accept” button and the page is correctly created.

...

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 on “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 on “Continue” button

...

All the controls created in the Project are going to be retrieved listed 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 entire table to make it visible in each page.

Click on “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 we imported controls and click on the dropdown list.

Pick “Include” control

...

A popup is displayed to create the “Include” control associating linking the Project and “Include” page type like we previously set when importing in the controlsimport lesson.

...

Click on “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 on “Preview” button

...

Recap

During this documentlesson, we learnt to create Pages pages using “include” “Include” type and then understand how to import controls to any other page under the same Project. This feature allows developers us to develop faster in those areas where we have to group and display them same controls in different pages that use the same controls.