lc_image_*

Display uploaded images dynamically from your data source. Perfect for logos, product images, customer photos, or any personalized visual content.


Element Setup:

  • Element type: <rect>
  • ID format: lc_image_* (e.g., lc_image_logo, lc_image_profile)

Horizontal Alignment (ID patterns):

  • lc_image_* → Center aligned (default)
  • lc_image_left_* → Left aligned
  • lc_image_right_* → Right aligned

Vertical Alignment (ID patterns):

  • Default → Middle (vertically centered)
  • _top_ in ID → Top aligned
  • _bottom_ in ID → Bottom aligned

Horizontal and vertical alignment can be combined. For example, lc_image_left_top_logo aligns the image to the left and top of the rect.


Input Format: CDN URL or dataset variable (e.g. ``). If no image or unsupported type, displays “No Image”.

Behavior:

  • Auto stretch: Images automatically resize to fit the box. Small images grow larger and large images shrink down, so the image always uses as much space as possible.
  • No distortion: The image keeps its original proportions — it will never look squished or stretched.
  • Rounded corners: If the box has rounded corners, the image follows the same shape.

Download Sample Data - Image

← Back to Custom Overview


This site uses Just the Docs, a documentation theme for Jekyll.