Highlighted

How to change breadcrumb separators for RoboHelp 2019 frameless outputs

Engaged ,
Oct 17, 2019

Copy link to clipboard

Copied

Breadcrumb separators! By default, you get a ":" (colon) after the "Home" breadcrumb and then a forward slash "/" for subsequent breadcrumb separators. While changing the Home breadcrumb separator can be performed in the RoboHelp GUI, changing the subsequent breadcrumb separators isn't so obvious. But I'm still learning the new GUI so maybe there's another/better way to do this, in which case hopefully someone can reply with it. If not, the method here worked for me, and I logged a feature request to have this config functionality added to the RH 2019 GUI for frameless output.


Change the home separator

Go to Output>Labels>English (US) (this is the default/only language for my project - yours may be different) and select FRAMELESS. In BreadcrumbStart, replace the ":" character with the "|" - or whatever character you prefer. Save the changes. That's the easy one. The forward slash is a little trickier.

 

Change subsequent separators

Finding where to change this took some digging, but it appears to be controlled/specified using the following code in several instances of the layout.css file that are installed/stored under the RoboHelp 2019 program files (file paths provided below):

 

.rh-layout-BCRUMBS-list-item::before {
content: "/";
margin: 0 0.5rem 0 0;
color: #707070;

 

Based on my testing, it appears you need to manually perform this modification for all 4 (four) instances of the following layout.css file: 

 

C:\Program Files\Adobe\Adobe RoboHelp 2019\resources\data\template\layouts\frameless\layout.css
C:\Program Files\Adobe\Adobe RoboHelp 2019\resources\data\template\layouts\frameless_homepage\layout.css
C:\Program Files\Adobe\Adobe RoboHelp 2019\resources\data\template\layouts\preview\en_us\frameless\template\frameless\layout.css
C:\Program Files\Adobe\Adobe RoboHelp 2019\resources\data\template\layouts\preview\en_us\frameless_homepage\template\frameless_homepage\layout.css

 

Tip: Before making these changes, shut down RoboHelp, create backup copies of each layout.css file (e.g., copy and rename to layout.css.original). You may also need to blow out your output files before generating the output to view the changes (I'm not sure yet if generating output completely overwrites every existing file in the output location or just those it detects have changed). 

 

Logged a feature request with the RoboHelp dev team to incorporate this configuration functionality into the RH 2019 GUI.

 

 

Views

128

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 change breadcrumb separators for RoboHelp 2019 frameless outputs

Engaged ,
Oct 17, 2019

Copy link to clipboard

Copied

Breadcrumb separators! By default, you get a ":" (colon) after the "Home" breadcrumb and then a forward slash "/" for subsequent breadcrumb separators. While changing the Home breadcrumb separator can be performed in the RoboHelp GUI, changing the subsequent breadcrumb separators isn't so obvious. But I'm still learning the new GUI so maybe there's another/better way to do this, in which case hopefully someone can reply with it. If not, the method here worked for me, and I logged a feature request to have this config functionality added to the RH 2019 GUI for frameless output.


Change the home separator

Go to Output>Labels>English (US) (this is the default/only language for my project - yours may be different) and select FRAMELESS. In BreadcrumbStart, replace the ":" character with the "|" - or whatever character you prefer. Save the changes. That's the easy one. The forward slash is a little trickier.

 

Change subsequent separators

Finding where to change this took some digging, but it appears to be controlled/specified using the following code in several instances of the layout.css file that are installed/stored under the RoboHelp 2019 program files (file paths provided below):

 

.rh-layout-BCRUMBS-list-item::before {
content: "/";
margin: 0 0.5rem 0 0;
color: #707070;

 

Based on my testing, it appears you need to manually perform this modification for all 4 (four) instances of the following layout.css file: 

 

C:\Program Files\Adobe\Adobe RoboHelp 2019\resources\data\template\layouts\frameless\layout.css
C:\Program Files\Adobe\Adobe RoboHelp 2019\resources\data\template\layouts\frameless_homepage\layout.css
C:\Program Files\Adobe\Adobe RoboHelp 2019\resources\data\template\layouts\preview\en_us\frameless\template\frameless\layout.css
C:\Program Files\Adobe\Adobe RoboHelp 2019\resources\data\template\layouts\preview\en_us\frameless_homepage\template\frameless_homepage\layout.css

 

Tip: Before making these changes, shut down RoboHelp, create backup copies of each layout.css file (e.g., copy and rename to layout.css.original). You may also need to blow out your output files before generating the output to view the changes (I'm not sure yet if generating output completely overwrites every existing file in the output location or just those it detects have changed). 

 

Logged a feature request with the RoboHelp dev team to incorporate this configuration functionality into the RH 2019 GUI.

 

 

Views

129

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
gbr_ LATEST
Community Beginner ,
Oct 31, 2019

Copy link to clipboard

Copied

Thanks a lot - I already found that out on my own but lost the changes when publishing new stuff - and it bugged me that I didn't make notices what to change...

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