Skip to content

Designer Layout

designer layout

The designer layout is divided into two main sections: Control and Design.

Controls Section

control layout

Add Button

The Add Button activates a dropdown menu with options to enhance template design:

  • Add Variables
  • Add Images
  • Add Signatures
  • Add Logo
  • Add or Change Background

Exit Button

The Exit Button allows users to exit the designer with options to save or create a copy, depending on the design scenario:

  1. Exiting Without Changes: Clicking the Exit Button allows users to exit the designer without making any changes.
  2. Saving a New Design or Updating an Existing Design: Users are presented with the “Save New Design” or “Update Existing Design” modal, allowing them to name the design, save as draft, publish, or exit without saving changes.

Template Toolbar

The toolbar includes buttons to enhance template design:

  • Add Text Button
  • Preview Button
  • Fit to Screen Button
  • Zoom Control
  • Undo and Redo Buttons
  • Delete Button

Elements Property Editor

This dynamic section allows users to customize element properties, add images, logos, signatures, and shapes to the template. Explore Now

Design Section

The Design section provides interactive elements alongside the canvas, offering powerful tools to create and customize templates. Key elements include:

  1. Smart Page Type Detection and Page Size Display
  2. Background Color Picker
  3. Page Indicator
  4. Position Lock
  5. Add Page Button
  6. Edit Mode and Grab Mode Buttons

Utilizing these elements in the Design section, users can efficiently create and refine templates with ease and precision.