Markdown Block
Learn how to use Markdown Blocks in Caplena to format text, add images, and create multi-column layouts in your reports.
The Markdown Block is a versatile tool in your reporting toolkit. It allows you to add formatted text, visuals, and tables, helping you create content that’s both informative and engaging.
Why Use the Markdown Block?
Markdown supports lightweight formatting syntax that helps you:
-
Structure content with headers, lists, and emphasis.
-
Embed images using simple syntax.
-
Create tables and columns to organize information.
Whether you're adding insights or combining visuals with commentary, the Markdown block improves readability and impact.
Creating a Multi-Column Layout
One of the Markdown block’s most powerful features is multi-column formatting, perfect for side-by-side comparisons or content grouping.
To create columns:
-
Choose the number of columns (1, 2, or 3).
-
Use Markdown tables to define the structure.
-
Add your text or images inside each column cell.
💡 Tip: This is ideal for presenting product features, pros & cons, or visual + text combinations.
Prefer Visual Editing? Use the Rich Text Editor
If you’re not familiar with Markdown, you can use the Rich Text Editor for an intuitive formatting experience.
Rich Text Features:
-
Text formatting: Bold, italic, headers, lists, and links
-
Images: Easily upload and place them in context
-
Tables: Create structured layouts visually
-
Live preview: See changes instantly as you edit
Using Markdown for Image Control
Markdown offers flexibility in image placement and custom sizing through HTML.
To resize an image:
-
Click the Edit button.
-
Paste the following code in your block:
<img src="IMAGE_URL_HERE" width="50%"/>
-
Replace
IMAGE_URL_HERE
with your image’s URL. -
Save the block — the image will now display at 50% width.
To resize and center an image:
-
Click Edit on your Markdown block.
-
Paste the following:
<center><img src="IMAGE_URL_HERE" width="50%"/></center>
-
Replace
IMAGE_URL_HERE
with your image’s link. -
Save changes. The image will now appear centered at 50% width.