Highlighted

HTML5 Layout: Modify Header Background for Direct Linked Page

Explorer ,
Mar 07, 2019

Copy link to clipboard

Copied

Anyone know how to modify the header displayed when a topic is accessed via a direct link, instead of the TOC or Index? None of the layout edit options I can see in the Layout Customization editor relate to this view. I just want to change the color of the background (shown below). I'm using RoboHelp 2019 (Classic), with the most recent update installed. Also, we are using the Indigo layout.

By the way, the background color we configured to display in full view is orange but that color, for some reason, is not used in this view. Which makes no sense.

HTML5 - header background color.png

Adobe Community Professional
Correct answer by Amebr | Adobe Community Professional

I've found 2 ways.

One is to add a new style to your topic stylesheet. Add the style "topic-header" to the div group and set the Shading colour to what you need. (Or manually in a text editor add div.topic-header {background-color: <your colour>;} . )

If you use multiple topic stylesheets you might need to make this change in each, I'm not sure.

Or, you could update a single value in the usersettings.js file in the screen layout. Just change the value of the line starting with 'var backgroundColor'. It's only about 20 lines from the top of the file. I'm not sure if you're supposed to edit this file, but it's visible in RH. (I personally think it's probably a bug that this isn't updated with the colour you select in the screen layout editor.  )

TOPICS
HTML5 layout

Views

309

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

HTML5 Layout: Modify Header Background for Direct Linked Page

Explorer ,
Mar 07, 2019

Copy link to clipboard

Copied

Anyone know how to modify the header displayed when a topic is accessed via a direct link, instead of the TOC or Index? None of the layout edit options I can see in the Layout Customization editor relate to this view. I just want to change the color of the background (shown below). I'm using RoboHelp 2019 (Classic), with the most recent update installed. Also, we are using the Indigo layout.

By the way, the background color we configured to display in full view is orange but that color, for some reason, is not used in this view. Which makes no sense.

HTML5 - header background color.png

Adobe Community Professional
Correct answer by Amebr | Adobe Community Professional

I've found 2 ways.

One is to add a new style to your topic stylesheet. Add the style "topic-header" to the div group and set the Shading colour to what you need. (Or manually in a text editor add div.topic-header {background-color: <your colour>;} . )

If you use multiple topic stylesheets you might need to make this change in each, I'm not sure.

Or, you could update a single value in the usersettings.js file in the screen layout. Just change the value of the line starting with 'var backgroundColor'. It's only about 20 lines from the top of the file. I'm not sure if you're supposed to edit this file, but it's visible in RH. (I personally think it's probably a bug that this isn't updated with the colour you select in the screen layout editor.  )

TOPICS
HTML5 layout

Views

310

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
Mar 07, 2019 0
Adobe Community Professional ,
Mar 08, 2019

Copy link to clipboard

Copied

I've found 2 ways.

One is to add a new style to your topic stylesheet. Add the style "topic-header" to the div group and set the Shading colour to what you need. (Or manually in a text editor add div.topic-header {background-color: <your colour>;} . )

If you use multiple topic stylesheets you might need to make this change in each, I'm not sure.

Or, you could update a single value in the usersettings.js file in the screen layout. Just change the value of the line starting with 'var backgroundColor'. It's only about 20 lines from the top of the file. I'm not sure if you're supposed to edit this file, but it's visible in RH. (I personally think it's probably a bug that this isn't updated with the colour you select in the screen layout editor.  )

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...
Mar 08, 2019 1
Adobe Community Professional ,
Mar 08, 2019

Copy link to clipboard

Copied

Well done Amber/

@Dirk. You should report that as a bug. Please follow this link to report bugs and request features. The more people who do so, the higher it gets prioritised.

https://tracker.adobe.com

Post the link to that bug/feature in this thread and others can vote for it.


See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

Please 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...
Mar 08, 2019 0
DirkD007 LATEST
Explorer ,
Mar 08, 2019

Copy link to clipboard

Copied

Awesome! I updated the topic CSS file with your suggested entry (div.topic-header {background-color: <your colour>;}) and that worked. Thanks, Amebr.

Peter, I reported this as a bug as you suggested. The bug ID is RH-4150. Here's the link:

Tracker

If anyone else experiences this problem please vote the bug up. Hopefully Adobe will address it.

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...
Mar 08, 2019 0