Images within ordered list?

This forum is for all Flare issues not related to any of the other categories.
Post Reply
jhyde
Jr. Propeller Head
Posts: 7
Joined: Thu Jun 09, 2016 4:42 pm

Images within ordered list?

Post by jhyde »

I have a project in which images are inserted into an ordered list to walk users through a step by step process. So the reader gets an indented image, steps A,B,C, another indented image, steps D,E,F, and so on.

Most of this can be accomplished by putting the image within <div> tags; however, this method does not work if an image is used at the top of the list. For example:
<ol>
<div>[image]</div>
<li>[content]</li>
<li>[content]</li>
<div>[image]</div>
<li>[content]</li>
<li>[content]</li>
</ol>

If this approach is used in Flare, the first li will appear as 'B'. If I implement this after the project builds by altering the output files, the first li appears as 'A', but this is not practical.

I've explored a lot of the forum and Google, and haven't quite found a solution to accomplish this. If anyone has a trick they'd be willing to share, it would be greatly appreciated!
Nita Beck
Senior Propellus Maximus
Posts: 3667
Joined: Thu Feb 02, 2006 9:57 am
Location: Pittsford, NY

Re: Images within ordered list?

Post by Nita Beck »

This comes up with some regularity on the forums. The best practice is to have one list with list items that have p blocks within them. You can then put an image in a p block.

You can read about this technique in Flare's Help (in a somewhat mistitled topic): http://help.madcapsoftware.com/flare201 ... -Items.htm. The principles discussed there are applicable to your need.

There's also a MadBlog post about this: https://www.madcapsoftware.com/blog/201 ... cap-flare/

I hope I've understood your issue correctly, and I HTH.
Nita
Image
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
jhyde
Jr. Propeller Head
Posts: 7
Joined: Thu Jun 09, 2016 4:42 pm

Re: Images within ordered list?

Post by jhyde »

Nita Beck wrote:This comes up with some regularity on the forums. The best practice is to have one list with list items that have p blocks within them. You can then put an image in a p block.

You can read about this technique in Flare's Help (in a somewhat mistitled topic): http://help.madcapsoftware.com/flare201 ... -Items.htm. The principles discussed there are applicable to your need.

There's also a MadBlog post about this: https://www.madcapsoftware.com/blog/201 ... cap-flare/

I hope I've understood your issue correctly, and I HTH.
Thanks so much Nita! My original intent was to start with an image, then proceed to items A,B, and C all within an ordered list, but after trying this out, I'm going to use your suggestion instead. This is much faster than anything else I've tried, and I like the results. Very cool trick!
Post Reply