Highlighted

Arrows and captions over images in RoboHelp

New Here ,
Oct 31, 2019

Copy link to clipboard

Copied

Is it possible to add arrows and captions over placed images in RoboHelp 2019 (new UI)?

Topics

Documentation, New UI

Views

256

Likes

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

Arrows and captions over images in RoboHelp

New Here ,
Oct 31, 2019

Copy link to clipboard

Copied

Is it possible to add arrows and captions over placed images in RoboHelp 2019 (new UI)?

Topics

Documentation, New UI

Views

257

Likes

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
Participant ,
Oct 31, 2019

Copy link to clipboard

Copied

You can use the <figure> tag around the image and place a <figcaption> tag to add the caption. W3Schools has a demo for you here: https://www.w3schools.com/tags/tag_figcaption.asp

Make sure you add the styles to your stylesheet so you can easily apply them in the wysiwyg.

Likes

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
Reply
Loading...
Adobe Community Professional ,
Oct 31, 2019

Copy link to clipboard

Copied

You will also find RoboScreenCapture in your Start menu.

 

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

Likes

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
Reply
Loading...
LEGEND ,
Oct 31, 2019

Copy link to clipboard

Copied

In addition to what others have offered, I'll say that this is likely WAAAAAY more simply done by just editing the image to include such things.

 

Peter mentions RoboScreenCapture, and that's cool as it ships with RoboHelp and you don't have to shell out more money.

 

But you should also strongly consider TechSmith SnagIt, as it offers some way cool and time saving ways to operate on things such as this. One tool that helps with documentation is called "simplify". And it can blank out bits of the image that makes screen captures a short lived thing. So by obscuring things that may "date" an image, you are easily able to refer to areas and the content doesn't look stale.

 

Cheers... Rick 🙂

Likes

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
Reply
Loading...
New Here ,
Nov 01, 2019

Copy link to clipboard

Copied

Thank you all for the input. I am not a code person, so "shootathought's" input won't work for me. Rick's "TechSmith SnagIt" app looks really cool, but I will still have to insert the individual screenshots (created in the SnagIt app) as an image file into RoboHelp, just as I have been doing with my PNGs saved out from my PhotoShop screenshots I created from my "snipping tool" screenshots.  It appears there is no drag and drop manipulation of captions, arrows, circles, icons, etc. to manipulate on TOP of the placed screenshots within RoboHelp, correct?    

Likes

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
Reply
Loading...
LEGEND ,
Nov 01, 2019

Copy link to clipboard

Copied

It appears there is no drag and drop manipulation of captions, arrows, circles, icons, etc. to manipulate on TOP of the placed screenshots within RoboHelp, correct?

 

Not without a lot of manipulation of additional images and CSS and suchlike. That's why I said it's simpler to use SnagIt to grab the screen. Also use SnagIt to add the arrows and Captions. Then you simply insert the annotated screen capture into RoboHelp as a simple image.

 

One thing to consider about SnagIt is that you can also save your image as a SNAG file. That format keeps the annotations and suchlike editable should you later need to change verbiage or whatnot.

 

Cheers... Rick 🙂

Likes

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
Reply
Loading...