Positioning problem

[rjplano]

I have a large PDF document in Flare 2020 where I need to mark version changes with a change bar aligned with the line where the change occurs. Flare places a single change bar aligned with the first line of the paragraph, regardless of the number or location of the changes. This is what I need:

Change Bars Example.png

I got this by creating an image of a short vertical line and then applied position: absolute to the image, after applying position: relative to the paragraph that contains the changes.

Code: Select all

<p style="position: relative;">
                                <img src="../../Resources/Images/short line.png" style="position: absolute; top: 51.2pt; left: -2.4in;" />
                                <img src="../../Resources/Images/short line.png" style="position: absolute; top: 64pt; left: -2.4in;" />
                                <img src="../../Resources/Images/short line.png" style="position: absolute; top: 76.8pt; left: -2.4in;" />
                                <img src="../../Resources/Images/short line.png" style="position: absolute; top: 89.6pt; left: -2.4in;" />Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<span class="deletedText">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut Lorem ipsum dolor sit amet, consectetur adipiscing elitaliquip ex ea commodo consequat.</span>

A very tedious procedure, but at least I have control over the position of the line and can be somewhat consistent throughout the document.

The content is in a two column table for formatting purposes. The problem arises at the top of the row that contains the paragraph with the changes:

Indent Example.png

Note how "Lorem" is indented. It is just a plain <p> tag, no formatting.

Code: Select all

<tr>
                        <td class="firstCol">
                            <p>3.2.12 P2P Token Management</p>
                            <p>(also repeated in 3.4.12 Small Business Token Management)</p>
                        </td>
                        <td class="noBorder">
                            <p><span class="purpleTextNoUnderline">3.2.12 P2P Token Management</span>
                            </p>
                            <p class="greenUnderline">Effective April 15, 2022</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

There's also a space before "Small Business" in the first column. The various classes shown in the code segment are used throughout the document, so I know they are not the problem. There are several paragraphs and lists between the indented content and the change bars.

Now's when it gets weird. If I add a random paragraph before the indented paragraph, I get this:

With extra line.png

The indent disappears. Unless the line gets too long, then I get this:

Long addition.png

Driving me crazy. Any ideas at all? Other suggestions for applying change bars? I do wish MadCap would improve Flare's Track Changes capabilities.

[johannyg1]

Are you still looking for a solution on change bars?