Open In New Tab link on Captivate demo pages

[andrew wake]

I am using RoboHelp 2015 version 12.0.2.384 & Captivate 9 version 9.0.0.223.

I generate Responsive HTML5 help including Captivate HTML5 demonstrations.

RoboHelp inserts an "Open In New Tab" link on the demonstration pages.

How do I stop Robohelp inserting the link?

[Willam_van_Weelden · Accepted solution]

You can't stop RH from adding it, but you can remove it easily through your CSS. In the CSS, add the following line:

p.cp_newtab_nav_link{display:none;}

[andrew wake]

Happy Christmas Willam

I have limited css experience so can you give me more guidance.

1/ Do I add p.cp_newtab_nav_link{display:none;} to the layout.css file?

2/ Do I add it to a particular section of the layout.css file?

3/ Do I prefix it with any other value (e.g. body.media-desktop p.cp_newtab_nav_link{display:none;})

Thanks.
Andy.

[Captiv8r]

If it were me, I'd try adding it to the basic CSS file that is linked to the topic. See if that fixes it.

[andrew wake]

Thanks.
I did what you recommended and yes adding the line to the topic stylesheet did hide the "Open in new tab" link.

One reason why I wanted to hide the link was that in desktop view Responsive HTML5 help shrinks the demonstration and surrounds it with a lot of white space.

I had hoped that removing the link would allow the demonstration to use the freed up space.

Unfortunately even without the link the white space is still present.

Do you know if it is possible to adjust the white space/demonstration size?

Andy.

[Captiv8r]

If anyone can tell you how to get rid of it, Willam can. But you may find it more than a bit tricksy to achieve, even with his instructions. Some of the code used for the Responsive layout looks like a heaping pile of spaghetti.

I have no clue how he manages to always know exactly where to look.

Hopefully he will chime in soon... Rick

[Willam_van_Weelden]

The output rescales the video using an iFrame and it will try to create 'optimal' sizing. But this process is the problem as far as I can tell. When rescaling, the Captivate movie will try to accommodate the available space and the resizing of the movie itself gets skewed sometimes.

Please make sure that there are not paragraph styles etc. in your topic that are adding the whitespace. The whitespace added by RoboHelp is minimal: just a little border around the topic content. You can turn that of in the layout.css using the body.media-mobile selector. RH loads the movie in an iFrame. And it seems the movie is adding whitespace of its own as well. I'm not sure what can be done about that though.

[andrew wake]

Hello Willam.

I am linking to the demonstration from the RoboHelp project table of contents rather than from within a topic.

So its not a case of topic paragraph styles etc adding white space.

If the demonstration is adding its own white then I will have to live it for the time being.

Thanks for your help.