• We will test the control template of this project:
  1. Open the "TPLC_NewsletterSubscription" web control template (double-click its name in the "Project explorer" pane).
  2. Test the web control template (click in the quick access buttons).
  3. Type an email address.
     
  4. Click "VALIDATE" to add the address to the data file.
  5. Close the browser and go back to the editor.
  6. You can check the content of the data file with WDMap (accessible in the "Tools" tab of the ribbon).

• To create an internal component:
  1. In the "Project explorer" pane:
     • Select "Internal components".
     • Right-click to open the context menu.
       
     • Select "New internal component".
     • The internal component creation wizard starts.
  2. Go to the next step of the wizard.
  3. Name the component: enter "InternalComponentNewsletterSubscription". The component caption is automatically filled in.
  4. Go to the next step.
  5. Select the elements that will be included in the component. In this case, select all the elements.
     
  6. Go to the next step.
  7. Select the component elements that will be accessible from the client project.
     In this case, select all the elements.
     
  8. Go to the next step.
  9. In this step, you can specify the data management mode of the component. In our case, the internal component will use its own analysis.
     Select "Use a specific analysis", then, in the "Analysis" field, select the analysis corresponding to the current project ("WW_Internal_Component.wda" file located in the "WW_Internal_component.ana" subdirectory of the project). For example: "My Projects\My Examples\WW_Internal_Component (Exercises)\WW_Internal_Component.ana".
     
  10. Finish the wizard. WEBDEV creates the internal component in a specific directory of your project.

In the "Project explorer" pane, the "TPLC_NewsletterSubscription" control template no longer appears in the list of web control templates of the project. However, the previously created internal component appears in the list of "Internal components" with its different elements: analysis and web control template.

Step 2: Using the internal component

Once created, your internal component can be used in any other WEBDEV project. Let's see how to reuse the component.

	Note	In this example, we will see how to use the internal component directly. To share resources, it is recommended to use the internal components via the Source Code Manager (SCM). For more details, see Internal component.

In our example, we will import the internal component into the "Full WEBDEV Site" project.

• Open the "Full_WEBDEV_Site" project.
  1. Go to the WEBDEV home page (Ctrl + <).
  2. On the home page, click "Tutorial", then in "Part 9 - Lesson 9.1 - Internal components", double-click "Full WEBDEV Site - Exercise".
  3. WEBDEV opens a dialog box to inform you that the project has already been opened and prompts you to open the local version or overwrite the project with the original version. To retrieve your changes, click "Open the local copy".
     

     	Answers	A completed project is available. You can use this project to complete the different exercises of this lesson. To open the completed project, go to the home page and click "Tutorial", then in "Part 9 - Lesson 9.1 - Internal components", double-click "Full WEBDEV Site - Answers".

• Import the internal component into the project.
  1. In the ribbon, on the "Project" tab, in the "Project" group, expand "Import" and select "An Internal component .. From a file".
  2. Select the following file: "My Projects\My Examples\WW_Internal_Components (Exercises)\InternalComponentNewsletterSubscription\InternalComponentNewsletterSubscription.wci". This file corresponds to the previously created component.
  3. The internal component is imported into the project.

• To use the internal component, we will add the web control template of the internal component to the home page of the website. To do so:
  1. Open the "PAGE_List_of_new_products" page in the editor (double-click its name in the "Project explorer" pane).
  2. Move the looper down to insert the control template of the internal component.
  3. In the ribbon, on the "Creation" tab, in the "Containers" group, click "Control template".
  4. The window that shows the control templates of the project appears.
     
  5. Select the template from the internal component and validate.
  6. Click where you want to add the control template.
     

• We will test the control template:
  1. Test the page (click in the quick access buttons).
  2. Type an email address.
  3. Click "VALIDATE".
  4. A message confirms the subscription.