Highlighted

How to create mouse over pop-up page using Robohelp?

New Here ,
Jan 19, 2015

Copy link to clipboard

Copied

Hello,

I want to create something similar to this page using Robohelp 10:

sample.png

When I click on the '+' sign the selected area is lightened and the text pops-out (green patch in the image). The background is blurred, focusing the required section.

Any suggestion please?

Topics

HTML

Views

582

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

How to create mouse over pop-up page using Robohelp?

New Here ,
Jan 19, 2015

Copy link to clipboard

Copied

Hello,

I want to create something similar to this page using Robohelp 10:

sample.png

When I click on the '+' sign the selected area is lightened and the text pops-out (green patch in the image). The background is blurred, focusing the required section.

Any suggestion please?

Topics

HTML

Views

583

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
LEGEND ,
Jan 19, 2015

Copy link to clipboard

Copied

Hi there

Suggestion 1. Go buy a work shirt and roll up your sleeves.

Suggestion 2. Learn JavaScript

Suggestion 3. Learn CSS

Suggestion 4. Forget about RoboHelp doing anything that would remotely help you do this.

Suggestion 5. Pick apart the page you like and see if you are able to discern exactly how they accomplished what they did!

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 ,
Jan 19, 2015

Copy link to clipboard

Copied

Thanks for your quick response...Actually, I was just looking for options in Robohelp, if any. I fail to understand the reason for such a rude reply. You could have said in simple words that I need to use some other tools.

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 ,
Jan 19, 2015

Copy link to clipboard

Copied

LOL, I'm sorry you didn't "get" my reply.

I replied as I did because if this is truly your goal, you have quite a row to hoe, as it would seem (at least to me) that the page you used as an example is rife with all sorts of custom coding.

I was simply being as honest as I felt I could be in what I thought was a gentle way. The unfortunate fact is, you are in for a lot of work. (hence the first suggestion) The work will likely require substantial knowledge of JavaScript and CSS. (hence suggestions two and three) RoboHelp has nothing built into it that will do any of this to help and truly, the only way to duplicate the behavior (as far as I'm aware) is to actually pick apart what was done.

I suppose you would have preferred what in my own mind would seem a rude reply of a simple. "RoboHelp can't do that" with nothing more?

Ah well, not my best day for communicating I suppose.

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...
Adobe Community Professional ,
Jan 20, 2015

Copy link to clipboard

Copied

I have worked on these forums for a long time and Rick has been here from the days help was written on slates. I can vouch for the fact that Rick was not intending to be rude. Humour that backfired this time.


See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

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...
New Here ,
Jan 20, 2015

Copy link to clipboard

Copied

Yes, I agree with Peter Grainge . Rick has always given very useful suggestions. He has helped me understand a lot of features of Robohelp. May be I did not understand his HUMOUR .

Thanks for all your responses. Looking forward for suggestions, in future .

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 ,
Jan 20, 2015

Copy link to clipboard

Copied

You can almost any feature you want to RoboHelp using CSS and JavaScript. For this example there are many free solutions available on the web. Something like this: Your own Hover-Over-Popups, CSS/XHTML-friendly - Nic Honing seems to do what you would need.

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