pdforge
Knowledge Base
API ReferenceKnowledge Base
Knowledge Base
API ReferenceKnowledge Base
  • Welcome
  • Platform
    • Overview
    • Creating your account
    • User authentication
    • Teammates management
    • Template builder
    • Subscription management
  • Guides
    • Saving to your S3 storage
  • Components
    • Introduction
    • Page
    • Text
    • HTML
    • Image
    • Icon
    • Container
    • Loop
    • Table
  • Configuring S3
    • Configuring Amazon S3
Powered by GitBook
On this page
  • Static Images
  • Dynamic Images
  • Customizing Your Image
  • Visibility convention
  1. Components

Image

PreviousHTMLNextIcon

Last updated 26 days ago

The Image Component lets you easily add images to your templates—either dynamically or statically.

Static Images

To add a static image, simply click Upload image, or use an online image by entering its URL in the format: url(your-image-url).

Dynamic Images

To use dynamic images, enable the Dynamic source option. We’ll automatically create a variable based on your component title, formatted as: component_title_src.

Customizing Your Image

You can further style your images by adjusting:

  • Horizontal Margin: none (0px), small (12px), medium (20px) or large (20px)

  • Border: light gray border around the image

  • Rounded: none (0px), small (6px), medium (8px) or full (9999px)

  • Object fit: contain, cover, fill, none or scale down

  • Image size: full with or fixed size (specific height/width)

Visibility convention

If you choose dynamic images but don’t include the corresponding variable in the payload, the image component won’t appear in the final PDF render.