Display error with List of Figures on PDF transformation

Post here questions and problems related to editing and publishing DITA content.
mjlorenzi
Posts: 12
Joined: Thu Jul 11, 2019 12:29 am

Display error with List of Figures on PDF transformation

Post by mjlorenzi »

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 900 times
julien_lacour
Posts: 495
Joined: Wed Oct 16, 2019 3:47 pm

Re: Display error with List of Figures on PDF transformation

Post by julien_lacour »

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: 495
Joined: Wed Oct 16, 2019 3:47 pm

Re: Display error with List of Figures on PDF transformation

Post by julien_lacour »

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