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

RoboHelp 2019 New UI - Inserting Images for bulleted item

Participant ,
Sep 18, 2020 Sep 18, 2020

Copy link to clipboard

Copied

Since I can no longer control numbered steps, I am finding it very difficult to insert images.

I have my numbering set to Multilevel List Styles. 

This is what I have in my guide.

Initial steps.jpg

I insert the image at step 2 and float it to the right. 

 

Float to right.jpg

Conceivably, the wording would be more centered with the image. I have played around with the properties and I cannot figure out how to make it look right. 

 

When I put the next line of text in, it should be number 3, but the numbering starts at 1 again. In past versions of RoboHelp I could control the number value. 

Next Line.jpg

Is there something I'm missing?

Views

199

Translate

Translate

Report

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 , Sep 18, 2020 Sep 18, 2020

Not sure what you're doing with that image - I would expect (if I was authoring this) to hit Shift-Enter after 2.1. and then insert the image, then do another Shift-Enter and then a hard return to get 3. appearing.

Votes

Translate

Translate
Community Expert ,
Sep 18, 2020 Sep 18, 2020

Copy link to clipboard

Copied

Not sure what you're doing with that image - I would expect (if I was authoring this) to hit Shift-Enter after 2.1. and then insert the image, then do another Shift-Enter and then a hard return to get 3. appearing.

Votes

Translate

Translate

Report

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
Participant ,
Sep 18, 2020 Sep 18, 2020

Copy link to clipboard

Copied

I ended up doing exactly what you said. I was going to try to make my user guides more interesting by floating screen shots in places but obviously it's not going to look right with bulleted lines. I guess it only works correctly with a paragraph. 

Votes

Translate

Translate

Report

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 ,
Sep 18, 2020 Sep 18, 2020

Copy link to clipboard

Copied

Even then, you have to think what's going to happen at various device resolutions if you're create responsive HTML5 output.

Votes

Translate

Translate

Report

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 ,
Sep 19, 2020 Sep 19, 2020

Copy link to clipboard

Copied

LATEST

What Jeff has described is likely the method many of use to get an image inline with the list item above.

 

Styles for images to apply a fixed top, bottom, left or right margin will work in both frameless and responsive. Effectively they are just another paragraph. You can also use Jeff's suggestion to add text inline without the number or bullet point. There's less control over the space before and after but in most cases it works out.

 

I tend to use Shift Enter and see what it looks like, then use other styles when I am not happy with the result. Your users won't know or care how you have achieved the end result.

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

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