Add an image to a card

Images can be added to cards in two ways.

Embedding images

Images can be embedded into Kanban cards just like you would in any other obsidian note.

Screen Shot 2021-09-16 at 9.15.04 AM.png

Screen Shot 2021-09-16 at 9.15.47 AM.png

Displaying images from metadata

To add an image to a card, first enable a Linked page metadata key/value, with the key set to the metadata field containing an image. Toggle Field contains markdown.

Screen Shot How-to-add-metadata-to-card.png

Adding image to frontmatter

If the Linked page metadata key you're pulling in is in the linked page's frontmatter, image embeds must be wrapped in quotes, or contain other text before the embed. This is a quirk of YAML. (See also: Frontmatter limitations & gotchas)


---

delivery-notes: "![[LinkToImage.png]]"

---

Screen Shot How-to-add-image-to-card.png

Adding image to inline metadata

Images can also be added to inline metadata if the Data View plugin is active. When adding an image via inline metadata, quotes are not required.


Lorem ipsum dolor sit amet, consectetur adipiscing elit.

delivery-notes:: ![[LinkToImage.png]]

Pellentesque egestas, nibh et pellentesque ullamcorper, lorem mauris pellentesque tellus, a cursus nunc metus at velit.