Skip to main content
A
Alexandra Duffy
Inspiring
April 28, 2017
Answered

Context-sensitive topic appearance - Indigo template (RH2017)

  • April 28, 2017
  • 4 replies
  • 5098 views

Hello,

I have heavily customized the Indigo template to suit my company's design standards. All was looking good until I uploaded the new help to our server and tried out context-sensitive help from our application.

I am getting some other kind of page template that I didn't expect. It shows the topic contents only, and doesn't have the TOC/Search etc. At the top left is a link: "Click here to see this page in full context." This link doesn't even work properly - our correct help template flashes and then this odd "context topic" page returns.

If you would like to see what I am talking about, please click: Selecting Similar Objects

I have searched and searched, and cannot figure out where this context-sensitive page is coming from. It's not in Topic.slp that I can find. (Topic.slp is my Default page since I didn't care for the Homepage with its TOC links.) I do not see another page layout or slp page, or special css for this layout. I searched my .css files for the "Indigo" light blue color and I can't find it. I don't want this page... I want my context-sensitive page to display in the same topic page, with search and TOC functionality, etc. as when the help is accessed from our main help command.

Can anyone please help me stop this redirect to this page that does not display the "full context?" Or at the very least, help me know where I can change its appearance?

Thank you very much!
Alexandra

This topic has been closed for replies.
Correct answer Willam van Weelden

Although Adobe people do pop in from time to time, this is essentially a

user to user forum. For Adobe, you need to contact Support.


The script I originally posted worked for me, but I have added some more checks to make it more reliable. I've tested it offline as well and it seems to work. (See below)

Another option is to open the topics based on URL. If you open:

http://example.com/index.htm#t=path/to/topic.htm

It opens the correct topic and you don't have the flickering issues of opening the topic and redirecting to the skin.

You can change the look and feel of the 'show' banner in the projectdata.js file or in the seed files. The show banner does seem to get the look and feel from the skin that you've applied somehow, but I'm not sure how that works. Anyway, you can change the entire appearance in the JS file (be prepared for HTML and CSS) or by editing the seed files:

  • C:\Program Files (x86)\Adobe\Adobe RoboHelp 2017\RoboHTML\ResponsiveHelpExt\template_stock\topicHeader.htm
  • C:\Program Files (x86)\Adobe\Adobe RoboHelp 2017\RoboHTML\ResponsiveHelpExt\template_stock\topicHeader.css

Updated script to add to header/footer

<script type="text/javascript">

function checkHelpWindow() {

  if(window.self === window.top) {

  if(typeof(rh) != "undefined") {

  setTimeout(function(){rh._.redirectToLayout();}, 100);

  }

  }

}

(function(){

  rh.model.subscribe(rh.consts('EVT_PROJECT_LOADED'), checkHelpWindow);

}.call(this));

</script>

4 replies

A
Alexandra DuffyAuthor
Inspiring
December 19, 2017

Hi richaa,

Sorry I didn't see this earlier and that you had to send me a PM. But stewic has the answer you need. If you aren't using the homepage.slp, you need to edit topic.slp in the same way.

Here's what my edits look like. I have the image in the same folder with the topic.slp.When users click on the image in the header, they go to our company website.

<div class="header-project-info">

            <div class="header-align">

                <a href="http://www.YOUR_SITE_HERE.com"><div class="logo" ><img src="YOUR_IMAGE_HERE.png" data-attr="alt: @KEY_LNG.HomeButton; aria-label: @KEY_LNG.HomeButton" /></div></a>

                <div class="title"><a  data-click="$hc.goToHome()" data-attr="title:@KEY_LNG.HomeButton" tabindex="2"><h1 class="title-text"><?rh-lng-string lngname="PROJECTTITLE" lngvalue="Project Title" ?></h1></a></div>

                <div class="custom-link" id="custom-link-1-header" tabindex="3"></div>

                <div class="custom-link" id="custom-link-2-header" tabindex="4"></div>

            </div>

        </div>

Hope that helps!
Alexandra

R
richaa37376493
Known Participant
November 22, 2017

Hello,

Need help in my Indigo layout.

As i am trying to add an image on the home page below the welcome topic.

Please let me know the process to add an image on the main page while i am using Indigo layout and generating Responsive HTML 5 output

S
stewic
Known Participant
November 22, 2017

Hi richaa, you need to edit the homepage.slp file. This is in folder c:\<Robohelp project>\!ScreenLayout!\Indigo\. Open this file in  a text editor, and add the reference to the image here. The file is in HTML format. It's a bit unclear where on this page you want the image, but I would suggest adding the link between the div classes "frontpage-search-field" and "frontpage-function-buttons", and then generate the output. Hope that helps

doctester
doctester
Participating Frequently
September 22, 2017

Has anyone tried to install the September 11, 2017, update 2 for RoboHelp 2017. The readme seems to say that it has fixed this problem. However, RoboHelp doesn't seem to recognize this update, and when I tried to manually install it, it failed telling me it is not applicable. I'm in the usual rathole with support chat, so I'm wondering if anyone here has had any success installing the update. Thanks.

doctester
doctester
Participating Frequently
September 22, 2017

Looks like a solution from Adobe

Update:  Installing RoboHelp 2017 Update 2, for me at least, required uninstalling your existing RoboHelp 2017 and reinstalling. After that, you can install Update 2.

There are some other issues, but ultimately, if you install this update, context-sensitive help using Help IDs appears to work correctly. See Re: Can't install RoboHelp 2017 Update 2  for more details.

doctester
doctester
Participating Frequently
October 23, 2017

FYI to those following this: It appears RoboHelp Update 2 fixes the problem people were discussing here -- in Chrome. In IE11, it introduces a new problem (or at least new to me) where the opposite behavior occurs -- the RoboHelp layout appears, but the content of the help does not. Has anyone seen this?

Jeff_Coatsworth
Community Expert
Jeff_CoatsworthCommunity Expert
Community Expert
April 28, 2017

I think you're running into this issue - Re: Since recent 4.01 update, opening page in a new window displays page and Show link, rather than page and TOC as befo…  (maybe) - it sure looks like you're opening it in CSH mode.

A
Alexandra DuffyAuthor
Inspiring
April 28, 2017

Aha, thank you for this information, Jeff; I have attempted the described scripting fix and reuploaded a test file. However, the Amazon servers take a very long time to refresh so I haven't been able to test this yet to see if it works for my help system.

I do not understand why Adobe hasn't made this "special" topic-only page available as a separate .slp page that can be customized. I do not think many people are using the Indigo theme without some customization of the colors at the very least! If we make changes to the layout, whether through RH or through edits to the css, the changes should apply to this special page as well.

Also there should be an option not to use this special page if needed. I understand now that it makes the help system discoverable for Google search, so I can't win either way. I do not want my help users to have to "Click to see this page in full context," ever.

I'll repost when I know if the script fix works for me. And if it works, I'll put it on all my master pages to avoid this special page despite the Google issue.

Thanks again for the info,

Alexandra

A
Alexandra DuffyAuthor
Inspiring
April 28, 2017

OK, I was able to test the context-sensitive help locally instead of waiting for Amazon's servers.
Unfortunately, the script fix is not working for me.

I pasted:

<script type="text/javascript">

function checkHelpWindow() {

if(window.self === window.top) {

rh._.redirectToLayout();

}

}

(function(){

rh.model.subscribe(rh.consts('EVT_PROJECT_LOADED'), checkHelpWindow);

}.call(this));

</script>

before the last /body tag.

This does not work. The fix you mentioned was for the 2015 version 4 update, and maybe it doesn't work for RH 2017. I still need help if anyone knows of a way to turn off, or at least customize, this unexpected "topic only" page for context sensitive help.
Thanks,

Alexandra

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices