logo
logo

Template components

The Chili plugin adds an export capability of the design from Adobe Illustrator to Chili publisher, so you can create templates using a standard graphical editor before uploading it into Sitecore Content Hub™, where you can add further constraints, variables, and assets.

This document gives you an overview of the main Chili template components.

Constraints

Constraints lets superusers and Chili administrators lock or limit editing possibilities, including moving, rotating, or scaling elements in a template. The Chili editor provides complete control over character and paragraph settings, and the text engine ensures accurate typography rendering.

These constraints let users edit individual elements, layers, pages, or entire documents in specific ways. Different users can have various limitations so that stakeholders edit the template in different ways. You can set constraints as final to reuse them in similar templates.

Variables

The variable component includes detailed modification mechanisms for different variable types. For example, you can set a numeric value to only increment or decrement by ten. Users can edit the variables you configured in a template when using it to create a publication. You can also constrain variables to block users from making changes.

The following example shows the modification of a text variable made by a user when creating a publication from a template:

Variable unchangedVariable changed

Assets

Templates can access assets stored in Sitecore Digital Asset Management (DAM)™. To ensure that it follows brand guidelines and ensures brand consistency, users can only use approved assets or assets included in the template when creating their publication.

Chili administrators can include a set of assets to be used in frames. In publications, users can then customize the template using these assets:

The following example shows the differences in a frame before and after an asset change:

Frame unchangedFrame Changed

Dynamic Layouts

Dynamic layouts are a set of features that makes it possible to put intelligence in a document layout. It allows for the document, its frames, and alternate layouts to automatically reposition, resize or scale based on its relation to other elements.

In this example, the Ad size is a dynamic layout that changes the size of the ad:

Can we improve this article ? Provide feedback