This feature gives you full control over the Table of Contents items. You can easily choose which and how many Headings will be displayed in this section.

How do I Manage ToC Items?

The editor will automatically detect all Headings 1-4 and add them to the Table of Contents. You can manage this by clicking on the Insert Table of Contents option in the toolbar.

To specify which items should be used to populate the ToC section, you can simply check/uncheck the boxes.

Where do I Preview the Changes?

After clicking the blue button Insert Table of Contents, a new section will be displayed at the top of the article and you can easily preview the changes.

How does the ToC Affect Current Users?

Knowledge Bases created before July 21, 2020, may not have the styles required for this feature.

If the design of Table of Contents does not look correct in the end-user view, you can paste the code below in your Main CSS section or submit a Customization Request and we will be happy to update the code for you!

.hj-table-of-contents {
    background: #eeeeee;
    padding: 16px;
    margin-bottom: 20px;
    .fa-trash-alt, .update-toc {
        display: none;
    }
    h3 {
        font-size: 20px;
        margin: 0 0 20px 0;
        color: #2f2f2f!important;
        border-bottom: 1px solid #dadada;
        padding-bottom: 10px;
    }
    a {
        display: block;
        color: #747474!important;
        margin: 5px 0;
        text-decoration: none;
        &:hover {
            color: #2f2f2f!important;
        }
    }
    @media (min-width: 1280px) {
        position: fixed;
        top: 40%;
        right: 0;
        z-index: 999;
        width: 280px;
        margin-bottom: 0;
    }
    @media (min-width: 1440px) {
        width: 320px;
    }
    @media (min-width: 1920px) {
        width: 400px;
    }
}