Let's review a few UI terms to help you understand the Canvas Templates flow.
Template tab
This is where your primary template lives. It shows the module and layout the template is built on. You can modify it anytime to customize your template design.
Similar to other Canvas view design pages, the left panel of the Template tab has four components:
- Data: What gets displayed inside the layout: fields, subforms, and custom buttons.
- Elements: Building blocks of your layout, such as Section, Tab, Table, Text, Image, Icon, and Line.
- Style: Visual controls including font, font size, background color, border, shadow, radius, padding, margin, and background image. These changes can be applied by selecting a desired element in the Canvas. The options vary based on the selected element. Styles applied to the elements can be saved as presets and reused in the future.
- Reusable Components: Elements, styles, and data saved from previous canvases. Once saved, they can be reused across modules, and the fields will be auto-mapped by CRM.
Mapping tab
This is where you manage each associated module's layout. After linking modules to your template, you come here to review, adjust fields, and apply module-specific styling before publishing. The form's design, field arrangement, and visual structure stay exactly as they were. Only the data source changes. By default, the system makes random field mappings for the associated module.
Under the Mapping tab, you will find the following components:
Associated Modules
You will find all the modules and layouts created as views and associated with the template. These modules inherit the structure, design, theme, and branding style from the template, ensuring that all associated views are consistent.
Edit Style
If you want minor visual tweaks in a specific module without updating the primary template, use Edit Style. Think of this as an 80/20 approach: 80% of the design stays consistent from the template, and the remaining 20% can be adjusted for the module.
For example, if the Contacts module needs a different section background color or field spacing, Edit Style lets you override just those styles for that module while keeping it linked to the template. Click the Edit Style icon next to the respective associated view.
Note:
- You cannot add or delete elements of the associated view. Adding or deleting elements is only allowed from the template. If you want to remove an element, you can hide it and find it under Styles.
- If you delete a field from the template after publishing, the corresponding field in all associated views will be marked as N/A. You will need to remap those fields manually in each associated view.
Properties Panel
If a module needs minor adjustments (like column width, field height, or spacing), you don't have to unsync it. Simply override those styles for that specific module within the template. The core design stays shared; only the tweaks are module-specific.