Design TemplateField Types
Shape
Add decorative elements to Pluslide templates using Shape fields. Create colored rectangles for backgrounds, dividers, and visual design elements.
Shape fields display colored rectangles with styling options. They have no dynamic content and are used for visual decoration.
Use Cases
- Background color blocks
- Decorative elements
- Divider lines (thin rectangles)
- Card backgrounds
Editor Settings
| Setting | Description |
|---|---|
| Background color | Fill color (color picker) |
| Border color | Border color (color picker) |
| Border width | Border width in pixels |
| Border radius | Corner rounding in pixels (0 = sharp corners) |
| Border style | Solid, Dashed, or Dotted |
| Opacity | Transparency level (0-100%) |
Sizing Behavior
| Mode | Effect |
|---|---|
| Fixed | Shape has exact pixel dimensions |
| Fill | Fills parent container (only in Group/List) |
API Content Format
Shape fields are typically Static and do not accept API content. They are purely decorative elements defined in the template.
Best Practices
- Use shapes as visual containers behind other content
- Combine with transparency for layered effects
- Use thin rectangles (e.g., 2px height) as divider lines
Examples
Divider Line
A horizontal separator:
- Set Width to match container
- Set Height to 1-2 pixels
- Use Background color for the line color
Decorative Accent
A colored accent bar:
- Set fixed dimensions (e.g., 4px × 40px)
- Use brand color for Background color
- Position next to headings or important content
Image
Display images in Pluslide templates using Image fields. Configure object fit, default images, and dynamic URLs for photos, logos, and visual content.
Group
Learn how Group fields work as grid containers in Pluslide. Arrange child elements in flexible layouts that adapt to dynamic content from API data.