0

How to customize the Table of Content Nodes (font, size, alignement) and other properties

leenahs

29 September 2011 04:47

None

Follow

Dear all; is there is a way to customize the nodes in the TOC. I need to set the font, size and alignement of the TOC in the generated output, besides properties regarding "collapse" + "Expand" main nodes by single clicking on them. (in RoboHelp this was possible through options available in the project options, but here I couldn't find such options) I've tried to apply styles manually on the XML page of the TOC put it didn't work out thanks in advance for your help note: I'm sending this post for the second time because i didn't find the previous one among the new forums.

• Facebook
• Twitter
• LinkedIn

4 comments

• 0
  
  Matt Bates 20 October 2011 11:26

  Unfortunately customizing the ToC in HTML Help 1.x output isn't natively supported in HelpStudio, you could manually style the ToC in the .hhc then re-compile from the .hhp (both of these files can be found in your output directory).

  Customizing the style of the ToC is supported in the plain HTML web output, to do this you would need to create a custom browser help template then edit the relevant styles in the webtoc.html page layout.

  If you have any further questions please don't hesitate to contact us. 

• 0
  
  david 29 January 2017 11:57

  Hi Matt,

   

  Does your suggestion work for PDF ToCs also?

  Is there a way to style and format them?

• 0
  
  Lukas Severn 31 January 2017 11:00

  Hi David,

  This suggestion is specific to the Browser based output. While it is possible to style and format the Table of Contents for the booklet output, it would require a different method.

  First of all, you would need to create a custom template. With a custom template you can modify pretty much anything - add or remove whole sections or even pages. You can achieve this by going to Options, Custom Templates - and then create a new Template - for this, you need a template based on the Booklet Classic Style.

  You would need to open the build output folder for your booklet output, and open the file named "__tableofcontents.html". From there, you can use the methods detailed in this knowledge-base article to find the selectors that you wish to use for a custom CSS style:

  http://support.innovasys.com/hc/en-gb/articles/211620823-Diagnosing-HTML-or-CSS-problems

  From there, you can edit the booklet stylesheet (located under Other Files in the Custom template) with your custom CSS.

  If you run into any issues, feel free to contact support@innovasys.com and we'll be more than happy to assist.

  Let me know if you need any further information at all. 

  Edited by Lukas Severn 31 January 2017 11:00
• 0
  
  david 31 January 2017 15:05

  Thanks Lukas,

   

  Beyond identifying the elements and classes and editing the stylesheets accordingly, is there any way to influence the HTML structure of the output (the DXMETADATA)?