Context-sensitive topic appearance - Indigo template (RH2017)

[Alexandra Duffy]

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

[richaa37376493]

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

[stewic]

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

[Alexandra Duffy]

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