Component Templates


Component templates are a repository of predefined component configurations designed to inspire and accelerate using the Avonni Flow Screen Components. Using Component Templates, you can quickly apply your preferred configurations to components within your flows, eliminating the need to configure each instance manually.
Pre-built templates inspire users and provide a means to create and save custom component configurations that can be easily reused across multiple flows. This feature significantly reduces development time while ensuring a consistent user experience throughout your projects.

Using existing templates

To use a Component Template, drag and drop it onto your canvas. The template will come pre-configured, saving you time and effort in setting up the component. So as you know, some templates require an association with a source collection to work correctly. If a source collection isn't available, a message will appear to let you know about this requirement. In such cases, you must create or select the appropriate source collection before using the template effectively.

Creating your templates

Creating custom templates with the Avonni Flow Screen Components library is a simple and efficient. Follow these steps to design and save your custom templates:
  1. 1.
    Drag an Avonni Flow Screen Component onto your canvas.
  2. 2.
    Open the Component Builder to access the customization options.
  3. 3.
    Start customizing your component according to your preferences and requirements.
  4. 4.
    Once your component is configured as desired, click on the template icon located in the top-left corner of the Component Builder.
  5. 5.
    Navigate to the "Custom" tab and click the "Create Template" button.
Following these steps, you can create and save custom templates tailored to your specific needs, allowing for a more streamlined and personalized development process.
Last modified 4mo ago