Just to be clear,
figure and
figcaption are valid HTML tags, and they
can be used in Flare.
You just can't insert these figure tags using the Flare interface, so would enter them in the text editor.
Nita Beck wrote:Flare's not gonna understand your semantic elements. (I just had a convo about this yesterday with someone I consider uber-Flare-knowledgeable, so feel like I have it on good authority.) But you can do stuff with CSS to emulate those elements.
It's not going to understand elements that you just make up yourself, e.g. a
h7 tag, but
figure and
figcaption are valid HTML(5) tags.
Your first example doesn't work because:
- The figcaption tag isn't closed <figcaption<.
- To add conditions to a tag, you'd include these as properties of that tag, rather than by inserting a <MadCap:conditionalText tag inside the tag.
- MadCap's Autonumber properties need to be set in the CSS, not HTML. Flare will generate them in HTML at build time.
Code: Select all
<figcaption<MadCap:conditionalText MadCap:conditions="Default.PrintOnly"> MadCap:autonum="Figure 1.1: "</MadCap:conditionalText>> </figcaption>
So, to make your code valid it would look like this:
Code: Select all
<figure>
<img src="" />
<figcaption MadCap:conditions="Default.PrintOnly"></figcaption>
</figure>
And the autonumber format is set in the CSS:
Code: Select all
figcaption
{
mc-auto-number-format: 'Figure {n}';
}
Alternatively, you can remove the conditions from the figcaption tag altogether, and just use the autonumber for the
print media:
Code: Select all
@media print
{
figcaption
{
mc-auto-number-format: 'Figure {n}';
}
}