Display error with List of Figures on PDF transformation

mjlorenzi
Posts: 12
Joined: Thu Jul 11, 2019 12:29 am

Display error with List of Figures on PDF transformation

Post by mjlorenzi » Tue Feb 04, 2020 9:40 pm

Hello,
I am publishing a DITA bookmap using the DITA Map PDF - based on HTML5 and CSS transformation. I have my frontmatter elements of toc, figurelist and tablelist. The toc and tablelist format wonderfully, but as you can see things get a little funny with the figurelist. Some of the entries render fine, but some seem to want to "justify" each element therefore breaking the entry on multiple lines. The HTML and CSS looks identical to that of a List of Tables entry, but for some reason it creates this display error on the List of Figures. See below:
Attachments
2020-02-04 10_15_24-Cordex HP Controller - Adobe Acrobat Pro DC.png
2020-02-04 10_15_24-Cordex HP Controller - Adobe Acrobat Pro DC.png (15.91 KiB) Viewed 313 times

julien_lacour
Posts: 120
Joined: Wed Oct 16, 2019 3:47 pm

Re: Display error with List of Figures on PDF transformation

Post by julien_lacour » Wed Feb 05, 2020 3:54 pm

Hello,

I cannot reproduce the problem on our side si is it possible for you to provide us a small sample where you can reproduce the issue (if possible).

Could you also tell us which version of Oxygen do you use?
Are you using a special numbering in your output (deep)?
Do you use any CSS customization on your transformation? If yes could you also provide the CSS file(s) (if possible)?

You can address all at support@oxygenxml.com.

Regards,
Julien

julien_lacour
Posts: 120
Joined: Wed Oct 16, 2019 3:47 pm

Re: Display error with List of Figures on PDF transformation

Post by julien_lacour » Tue Feb 11, 2020 10:02 am

Hello Matt,

Some of the figurelist titles are not displayed correctly because of trademarks element that are displayed as block, you can just display them inline:

Code: Select all

    .figurelist *[class ~= "topic/title"] *[class ~= "topic/tm"] {
        display: inline;
    }
The other titles are not displayed as expected due to image declaration inside title element:

Code: Select all

    <fig id="...">
         <title>MyTitle<image href="image.jpg" id="..."/></title>
    </fig>
To resolve this you can move the image element after the title:

Code: Select all

    <fig id="...">
        <title>MyTitle</title>
        <image href="image.jpg" id="..."/>
    </fig>
Or you can remove them using the CSS:

Code: Select all

    .figurelist *[class ~= "topic/title"] *[class ~= "topic/image"] {
        display: none;
    }
Regards,
Julien

Post Reply