Editing a Template

A TEMPLATE component allows defining templates that can be used in the view pages (general or by thing definition). Into the component definition, within the Templates page, you can manage the of templates provided by the component.

To edit a template, you should:

1. Add a new template in the Templates page of the component definition.

2. A template require to specify:

   1. The Name that will be used in the Console to reference the template within the pages.
      We suggest you use a speaking name that allows you to understand what the template is for and to whom it is addressed (e.g. customer_overview).

   2. The Label displayed in the template selection pages.

3. Select the context the template is working on:
   - ANY means the template will be available in the General template list.
   - THING means the template will be available in the Thing Definition template list.

4. Save the component, and enable it on the development environment.

5. Go to your development environment.

6. Locate the template in the template list (General or by Thing Definition).

7. Press on the 3-dots icons, and select Override.
   
   
   

8. By using the template visual editor, you can edit your template and test it directly in the DPS.
   
   
   

9. When you finish editing the template, enter the template editor code view, select the entire HTML code and copy it.
   
   
   

10. Go back to the template component and open the template you are creating.

11. In the HTML area paste the template source code and save the component.
    
    
    

12. In the Preview Image, you can upload an image used as preview in the Console.

13. In the Console you can restore the template to the original provided by the component.
    
    
    

14. In case you have created a DRAFT, promote it to a version and make it available to your environments.