Open

Overview

In this lesson, we will review the “Include” control and how this 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

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

Open

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”. 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 should be the same than other pages that you are going to create in future to use the same controls.

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

Pick “Include” control

A popup is displayed to create the “Include” control linking the Project and “Include” page like we previously set in the import 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 lesson, we learnt to create pages using “Include” type and how to import controls to any other page under the same Project. This feature allows us to develop faster in those areas where we have to group and display same controls in different pages.