Skip to main content

​
Interface Overview

Once inside the Web Designer, the interface is divided into key areas:
  • Canvas Area: The main design space where you place and arrange elements. Create A Template3
  • Toolbar: Provides access to drawing tools, media insertion, alignment, and layer management. Web Designer Element Tool Bar
  • Property Panel: Located on the right, it displays configuration options for the selected element (e.g., size, color, alignment). Create A Template5
  • Layer Panel: Lists all objects on the template, allowing you to reorder, group, or delete elements. Create A Template4

​
Enlarge the Main Page

To zoom or maximize the workspace:
  • Use the zoom slider or zoom icons located at the bottom-right of the canvas. Create A Template8
  • You can also press Ctrl + Scroll on your mouse to zoom in and out.
This allows for more precise placement of design elements.

​
Add a Shape

  1. From the toolbar, select the Shape tool. Create A Template9
  2. Choose a shape type (e.g., rectangle, circle).
  3. Click and drag on the canvas to draw the shape.
  4. Use the Property Panel to customize its color, size, border, and position. Create A Template10

​
Add an Image / video

  1. Select the Image tool from the toolbar.
  2. Click on the canvas to place the image block.
  3. In the Property Panel you will have three options: 4. Empty item: If you want the end user to add the content and you just provide the element itself. 4. Content item: You select the content from the content library. External item: Image or video hosted somwhere else. Create A Template11
  • When using content item an pop-up of your PADS4 content library will show up and allows you to pick the media you want. Create A Template12
  • Resize and position the image as needed.

​
Add Text

  1. Click the Text tool in the toolbar and choose a regular text field or a date & time element. Create A Template14
  2. Click on the canvas to create a text box.
  3. Type your desired text.
  4. In the Property Panel, adjust the font, size, color, alignment, and effects. Create A Template13

​
Save Your Template

When your layout is complete:
  1. Click the Save button in the top toolbar. Create A Template15
  2. Your template will be saved and become available under the Templates section.
  3. It can now be used as a base for creating messages. Create A Template16