Caption images

This forum is for all Flare related Tips and Tricks.
Have a tip or trick you use while working in Flare? Share it here.
Post Reply
dturpin2021
Propeller Head
Posts: 11
Joined: Wed Apr 29, 2020 10:21 am

Caption images

Post by dturpin2021 »

I can not find out to create captions for images. How can I do this?

Thank you!
robdocsmith
Sr. Propeller Head
Posts: 247
Joined: Thu May 24, 2018 3:11 pm
Location: Queensland, Australia

Re: Caption images

Post by robdocsmith »

The help page below will show you how to create a figurecaption style:

https://help.madcapsoftware.com/flare20 ... 20captions

Basically you have a class of <p> tag that has autonumbering for the caption in the style of your choosing. Mine looks like this:

Code: Select all

p.FigureCaption
{
	column-break-before: avoid;
	page-break-before: avoid;
	text-align: center;
	font-size: 9pt;
	mc-auto-number-format: 'CF:Figure {chapnum}-{n+}   ';
	mc-auto-number-class: 'boldText';
}
I position my caption after the image, so the "column/page break before:avoid" style means the caption sticks to the image and you avoid orphaning the caption on the next page.

However, if you mean put callouts on an image, Flare can't do that by itself. You can either add them in a graphics program outside of Flare, or use Flare Capture to add SVG callouts to images.
BaritoneJP
Propeller Head
Posts: 49
Joined: Mon Jun 02, 2008 9:12 am
Contact:

Re: Caption images

Post by BaritoneJP »

I've implemented something like this but with using 'figure' and 'figcaption' (that I learned from another post on this forum)

Code: Select all

figure
{
	display: block;
}

figcaption
{
	font-size: 70%;
	margin-top: -2px;
	mc-auto-number-format: "CF:Figure\00A0{chapnum}.{n+}:\00A0";
}
My question, how do I reference a figure in a set of 'how to' steps?
... example
1. text of how-to (see figure 1.1)
2. text (see figure 1.2)

The problem becomes that isn't auto numbered and based on where a topic is position in the TOC, then the {chapnum}.{n+} can change or in other words, it is dynamic while the "see figure" in the how-to is not.

I've tried using system.chapter variable but it doesn't work (it must not be the same counter)

help
Thank you for your comments and help with my quandary ...
Jamey
Post Reply