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

How to change appearance of Mini-Toc in HTML5

Participant ,
Jan 15, 2020 Jan 15, 2020

Copy link to clipboard

Copied

Hi All,

I am trying HTML5 outputs in FM2019.

  • My Mini-TOC looks great in PDF but not satisfactory in HMTL5. Where is the setting that allows me to set the text colour, font, dot leader, underline etc. for Mini-TOC in HTML5? The following 2 screenshots are of the PDF (that I like) and the HTML5 (that looks very amateurish).

MT_PDF.PNG

 

MT_HTML5.PNG

 Thanks in advance for your help,

 

Regards


Apurva

TOPICS
PDF output , Publishing , Responsive HTML5 , Technical Communication Suite

Views

1.5K

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

Community Expert , Jan 15, 2020 Jan 15, 2020

Hi Apurva,

 

When you just want to remove the page numbers, then check the online help.

There is a section about mini-TOCs and also how to remove the page numbers for certain output formats.

The page numbers (and tab stops) are set on one of the reference pages, similar to the regular TOC.

https://help.adobe.com/en_US/framemaker/2019/using/using-framemaker-2019/frm_books_bk-table-of-contents-and-other-lists.html?rhhlterm=mini%20toc&rhsyns=%20#topic_minitoc__section_introduction 

 

Best regards

 

...

Votes

Translate

Translate
Community Expert ,
Jan 15, 2020 Jan 15, 2020

Copy link to clipboard

Copied

Since page numbers are kind of irrelevant in HTML, I would create a second conditional section of xrefs to your sections and hide the "PDF" version and show the "HTML5" one. 

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 ,
Jan 15, 2020 Jan 15, 2020

Copy link to clipboard

Copied

Hi Apurva,

 

When you just want to remove the page numbers, then check the online help.

There is a section about mini-TOCs and also how to remove the page numbers for certain output formats.

The page numbers (and tab stops) are set on one of the reference pages, similar to the regular TOC.

https://help.adobe.com/en_US/framemaker/2019/using/using-framemaker-2019/frm_books_bk-table-of-conte... 

 

Best regards

 

Winfried

---

From the FrameMaker online help:

You can also update the look and feel of the mini TOC by changing the paragraph formats used to generate the mini TOC. You can simply open the paragraph tag (with MTOC suffix) in the paragraph designer, make the required changes, and update the paragraph tag definition. You can also use the reference page (MTOC) to make the required changes.

If you do not want the page numbers in the mini TOC, then you can use any one of the following two approaches:

Remove page numbers from all output formats

Open the reference page and remove all occurrences of <$pagenum> variable from the MTOC page. Once you have removed the variable, save the document and update the mini TOC. The page numbers would not be shown in the source document as well as in any published output.

Remove page numbers from output formats supported by Publish pod

Create a new character format and apply it on all occurrences of <$pagenum> variable in the MTOC page. Open the Publish Settings (in Publish pod > Settings > Edit Settings), open the Style Mapping tab, and select the character format from the list. Enable the Exclude From Output option for the character format that you have applied on the <$pagenum> variable. The page numbers would be visible in the source document, but they will not be published in any output format supported by the Publish pod.

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 ,
Jan 15, 2020 Jan 15, 2020

Copy link to clipboard

Copied

Sorry, Winfried's got the right idea - I just do these manually, so I didn't twig to the mini-TOC bit.

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
Participant ,
Jan 15, 2020 Jan 15, 2020

Copy link to clipboard

Copied

Thanks for your help Winfried,

Using the technique suggested by you, the page numbers are gone from the HTML5 MTOC output.

MTOC_HTML5.PNG

 

 

Now, how do I remove the blue colour of fonts and the underline? And change the spacing between the lines? 


Regards


Apurva

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
Engaged ,
Jan 15, 2020 Jan 15, 2020

Copy link to clipboard

Copied

The blue color and underline tell people that they can click on these links. 

 

I think they are useful for the end user.

If you do want to change them, then

Open the Publish Settings (in Publish pod > Settings > Edit Settings), open the Style Mapping tab and change the style there for the HTML

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
Participant ,
Jan 15, 2020 Jan 15, 2020

Copy link to clipboard

Copied

Hi Caroline,

Thanks for your reply. As advised, I opened the Style Mapping tab on Publish pod > Settings > Edit Settings.

FM_Settings.PNG

 I couldn't find the style setting for HTML on this page. Please guide me where to find the HTML settings.


Regards,


Apurva

 

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
Engaged ,
Jan 16, 2020 Jan 16, 2020

Copy link to clipboard

Copied

Once you select HTML before opening the STS box, all the settings you can see here are for the HTML.

 

In this box, you can now find the style for the MiniToc

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
Participant ,
Jan 16, 2020 Jan 16, 2020

Copy link to clipboard

Copied

Hi Caroline,

As mentioned in your previous email, I have selected the HTML5 option in the Publish pod > Right-click > Edit  (or click the Change Setting icon next to the Setting File text box).

2020-01-16_13-57-36.png

 

However, on the next page, I still can't find the HTML settings to edit the MTOC appearance. Please share a few screenshots of where to find these HTML settings. 

Thanks in advance for your help.


Regards


Apurva

 

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
Engaged ,
Jan 16, 2020 Jan 16, 2020

Copy link to clipboard

Copied

LATEST

Hi

You need to click on the Style mapping dialog box,after you click Edit settings, as you show in your first screen capture.

Then click paragraph styles.

 

Choose the style for Heading2MTOC (or the relevant style), and you will see the style preview in the right pane.

On one side you can see a source style and on the other an Output style.

help1.png

Either choose an Output style from the drop-down box  (e.g. body level), or click Edit Style.

When you click Edit Style you are able to edit every single element of this style.

 

help2.png

 

 

Hope this makes it clearer.

Please note that some people set this all in an CSS style sheet, which is also possible.

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