• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Is there a way to word wrap long titles in TOC? (responsive html5 output)

Community Beginner ,
Jul 09, 2018 Jul 09, 2018

Copy link to clipboard

Copied

Is there a way to make Robohelp 2017 word wrap long titles in the TOC of responsive html 5 output?

Long titles are not shown correctly in my output, and I have to expand the TOC column to be able to read to full title.Example.png

Views

510

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
community guidelines

correct answers 1 Correct answer

Participant , Jul 09, 2018 Jul 09, 2018

Hi,

open the layout.css in Notepad. This is in the !ScreenLayout! and then Azure_Blue folder (or whatever layout you are using). You are looking for the following highlighted in the image below.

Comment the line out with // as shown below and regenerate help:

Capture1.jpg

Votes

Translate

Translate
Participant ,
Jul 09, 2018 Jul 09, 2018

Copy link to clipboard

Copied

Hi,

open the layout.css in Notepad. This is in the !ScreenLayout! and then Azure_Blue folder (or whatever layout you are using). You are looking for the following highlighted in the image below.

Comment the line out with // as shown below and regenerate help:

Capture1.jpg

Votes

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
community guidelines
Community Beginner ,
Jul 09, 2018 Jul 09, 2018

Copy link to clipboard

Copied

Thanks a lot! It worked.

Votes

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
community guidelines
New Here ,
Aug 29, 2022 Aug 29, 2022

Copy link to clipboard

Copied

Would anyone know where to find this for RoboHelp 2020?

Votes

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
community guidelines
Community Expert ,
Aug 29, 2022 Aug 29, 2022

Copy link to clipboard

Copied

Did you check in your output files for that text in the css?

Votes

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
community guidelines
New Here ,
Aug 29, 2022 Aug 29, 2022

Copy link to clipboard

Copied

I'm not seeing the !ScreenLayout! or layout.css specifically. I didn't know if it was worded differently for the .rhpj project type that the newer versions of RoboHelp utilize.

Votes

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
community guidelines
Community Expert ,
Aug 29, 2022 Aug 29, 2022

Copy link to clipboard

Copied

No, I would just examine the guts of every CSS file in the output to see if you can find it.

Votes

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
community guidelines
Community Expert ,
Aug 29, 2022 Aug 29, 2022

Copy link to clipboard

Copied

Which output and skin are you using? The solution will be different depending on that answer.

Votes

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
community guidelines
New Here ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

Hello there, 

I'm using an HTML5 Output along with the Charcoal Grey Skin.

I was able to locate this in my output folder. I selected the 'Output > template > skin name > layout.css'.

Votes

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
community guidelines
Community Expert ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

LATEST

Okay, for Responsive using Azure Blue or Charcoal Grey, to make this survive generating, you need to add a custom css file. Paste the following into the custom css file:

 

body.media-desktop div.toc-holder * {
	white-space: normal;
}

Then add the custom css file to your skin in Layout > User Assets.

Votes

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
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp