Customizing TOC Entry in FrameMaker
Use these steps to customize a TOC entry in your Reverb 2.0 output. Your FrameMaker file must have a nested heading structure for TOC Icons to appear.
1. Right-click at the end the heading. Select Marker.
2. Select Edit from the Marker Type dropdown.
3. Type in TOCEntryClass. Click Add, then click Done.
4. In the Marker Text window, type in the name of your custom class. In the example, folder_icon is the class name.
5. Save the FrameMaker document.
6. Scan the document in ePublisher Designer.
7. Open the Style Designer.
8. Open Marker Styles.
9. Locate the Marker Type Option from the Options tab and set its value to TOC Entry Class.
10. In this example, the assigned class for the Menu TOC entry will be the value of the marker: folder_icon.
11. Add the following to a target override of _icons.scss. Notice how the CSS class is the name of the value given in the Marker Text Window. In this example we change the icon color and the icon of the TOC entry. You are able to make other customizations such as adding a border, or changing the background color.
.folder_icon {
> div > span > i {
color: black;
&:before {
content: $folder_icon;
}
}
} 12. Save your project and generate the output.
Last modified date: 11/30/2021