Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

How do I prevent a page break between an image and caption?

Community Beginner ,
Dec 02, 2020 Dec 02, 2020

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:

<figure>
<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" />
</figure>

 

From my CSS:

img {
break-before: avoid;
}

TOPICS
New UI
383
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Dec 02, 2020 Dec 02, 2020

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.

 

 

Translate
Community Expert ,
Dec 02, 2020 Dec 02, 2020

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.

 

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 03, 2020 Dec 03, 2020

Does the avoid work in online outputs?

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 03, 2020 Dec 03, 2020

@Amebr Thanks for the suggestion on adding break-inside on the figure element. That did the trick. I knew it was going to be something totally obvious once it was pointed out to me.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 03, 2020 Dec 03, 2020
LATEST

@Peter Grainge The project I am working on is for a couple of variants of printed documentation, so I really haven't tried to see if I got the same behaviour in an on-line version.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp