Page 1 of 1

Display error with List of Figures on PDF transformation

Posted: Tue Feb 04, 2020 9:40 pm
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:

Re: Display error with List of Figures on PDF transformation

Posted: Wed Feb 05, 2020 3:54 pm
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

Re: Display error with List of Figures on PDF transformation

Posted: Tue Feb 11, 2020 10:02 am
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