Using Robohelp version 2020.3.32
Is there a way to ensure that an image and its caption stay together on the same page when generating PDF output? I am looking for something that has the same effect as teh MS Word "Keep with Next" paragraph style. I have tried placing the caption above the image and below. I have tried adding break-after: avoid; and break-before: avoid; (at different times) to an img style in the CSS. I have tried those styles in-line on the caption as well as the image.
From my topic:
<figcaption><span data-condition="Output:Manual" >Create Cure Batch screen</span></figcaption>
<img alt="Create Cure Batch screen" data-condition="Output:Manual" height="423" src="../../../assets/images/Operations/CreateCureBatch.png" width="752" />
From my CSS:
Copy link to clipboard
You could try break-inside on the figure element.
Or try the older page-break-before/after/inside.
But I don't know what css is supported by the pdf conversion process, so you might need to contact Adobe.
Does the avoid work in online outputs?