Image¶
The Image component displays images in reports from file management or external URLs, with options for sizing and display behavior.
Configuration¶
Configure the Image component with these options:
| Option | Description |
|---|---|
| Image Url | Enter external image URL or use Browse to select from file management |
| Browse | Select images stored in file management (recommended for reliability) |
| Object fit | Control how images scale within their container (contain, cover, fill, scale-down) |
| Style | Apply custom CSS styling to the image element |
Image URL field supports text templates for dynamic image selection based on data values.
Image Sources¶
File Management (Recommended): Use the Browse button to select uploaded images. This ensures reliable access and faster loading as images are stored with the report.
External URLs: Enter image URLs directly in the Image Url field. Note that availability and loading speed depend on the external source.
Use Cases¶
- Logos and branding - display company logos, signatures, or brand elements consistently across reports
- Dynamic images - show different images based on data values using text templates in the URL field
- Charts and diagrams - include pre-created visualizations or technical diagrams from external sources
- Documentation photos - add reference images, screenshots, or photographic evidence
- Decorative elements - enhance visual appeal with background images or graphics
Tips¶
- Use Browse to select images from file management for reliable access
- Configure Object fit to control how images scale within their containers
- Use text templates in Image Url for data-driven image display
- Store frequently used images in file management rather than relying on external URLs
- Apply custom styling through the Style option for precise positioning and appearance