Who doesn't love the time-saving nature of templates? But building a useful one requires some thought. Mostly, it's just following a recipe, but there are a few things to consider such as a theme's module, and screen applicability. In this session, we will address these points and others regarding the template customization.

1. | Templates: Where should its elements be? In the template or on another module?
Templates: Where should
its elements be? In the
template or on another
module?

2. | Templates: Where should its elements be? In the template or on another module?| Templates: Where should its elements be? In the template or on another module?
José
Costa
OutSystems MVP, Senior Trainer | ITUp
@
in
jose.costa@itup.pt
/josecccosta

3. | Templates: Where should its elements be? In the template or on another module?
Where have you seen a Template?

4. | Templates: Where should its elements be? In the template or on another module?
What is an Application Template?
● Module (Application) from which you start building your own modules
● Makes development more efficient
○ Already contains many predefined elements
○ E.g., Theme, CSS, Layout Blocks and Placeholders, logic, etc.

5. | Templates: Where should its elements be? In the template or on another module?
Types of Templates
● Built-in Application Templates
○ Web: Side Menu, Top Menu
○ Mobile: Phone, Tablet, Universal
● Custom Application Templates
○ Created by you
○ Installed from the Forge

6. | Templates: Where should its elements be? In the template or on another module?
How to create one?
● Create new application (web or mobile)
● Create module and name it Template_<module_name>
○ <module_name> is the name of the new template
● Insert a description and an icon in the properties of the module
● Publish it

7. | Templates: Where should its elements be? In the template or on another module?
How does it
work?
When you create your first*
module
● Clone of the template is
made
● Clone is renamed to the
name of your module

8. | Templates: Where should its elements be? In the template or on another module?
Bottom line
Your first Web Responsive or Mobile module of your application will be a clone
of your template module.

9. | Templates: Where should its elements be? In the template or on another module?
Analysing a Template module

10. | Templates: Where should its elements be? In the template or on another module?
TopMenu
● Common with Login (and
Menu)
■ Every app that uses this template
will have it's own login screen
● Theme
■ Based on some other theme
■ Organization's or department's
theme
■ I can change the CSS and other
properties of the theme directly
on the module

11. | Templates: Where should its elements be? In the template or on another module?
Theme on Another Module
● Common (with login)
● No theme in here
■ just a reference to a theme on
another module
● Theme related web blocks
also not in here
■ E.g., Menu
● Apps built with this template
will all have the same look
and feel

12. | Templates: Where should its elements be? In the template or on another module?
"Everything" on another module
● No Common in here
■ just a reference to the other
module
■ Login is common to all apps
● No theme in here
■ just a reference to a theme on
another module
● Apps built with this template
will all have the same look
and feel and same login
entry point

13. | Templates: Where should its elements be? In the template or on another module?
Other Scenarios in Template
● Centralized Login logic
■ UI can be different
■ Login logic is the same
■ can be some external system
● Sample screens
■ To showcase your Style Guide

14. | Templates: Where should its elements be? In the template or on another module?
Changed Element in the Template
● If Element is in Template module
■ Other modules based on that template will not be affected
■ Remember: it's a clone
● If Element is a reference
■ May have to refresh dependencies to see change reflected in module
■ Normal dependency "rules" apply

15. | Templates: Where should its elements be? In the template or on another module?
Templates...
Where should its elements be?
In the template or on another module?
It depends!

16. | Tenants: A Look Behind The Scenes
Thank You!
@ injose.costa@itup.pt /josecccosta

17. | NextStep Denver - Final walk-through
Stay for our NEO party
4:30pm - 6:30pm