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!
Images within ordered list?
-
- Senior Propellus Maximus
- Posts: 3667
- Joined: Thu Feb 02, 2006 9:57 am
- Location: Pittsford, NY
Re: Images within ordered list?
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.
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
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
Re: Images within ordered list?
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!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.