US English (US)
FR French
DE German
SA Arabic
BS Bosnian

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Book a Demo
  • Product Updates
  • Contact Us
English (US)
US English (US)
FR French
DE German
SA Arabic
BS Bosnian
  • Home
  • Article Editor

Overview: Table of Contents

Written by Amanda Stançani

Updated at February 11th, 2021

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Getting Started
    Users Accessibility New to Helpjuice? Start Here Content Management Multiple Languages/Translations & Localization Multilingual Knowledge Bases Analytics Video Tutorials
  • Customization
    Customization Guides
  • API V2
  • API V3
  • Article Editor
  • Swifty (In-App Widget)
  • Billing / Subscription
  • Authentication
+ More

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.

Your browser does not support HTML5 video.

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;
    }
}

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Auto-Publish And Expiration Dates
  • How To Improve Search Results (Keywords)
  • How To Insert Images And Videos
  • How To Use Custom URLs

Copyright © 2023 - Helpjuice

Helpjuice, Inc. is a registered US Corporation, EIN # 45-2275731

Download W9
  • Help
  • Features
  • Pricing
  • About
  • Careers
  • Customers
  • Blog
  • Case Studies
  • Resources
  • Knowledge Base Examples
  • Privacy Policy
  • Terms of Service

Why is the knowledge base important?

With a knowledge base, you can allow your customers to self-help themselves, thus reducing your customer support by up to 60%. Furthermore, you can also have your team get instant answers to the questions they need without having to email themselves all using knowledge base software.

What is the purpose of a knowledge base?

The purpose of knowledge base software is to allow you to host your knowledge base/corporate wiki in one centralized 'hub'. Both your customers, and employees can now access information within seconds!

Made with from Miami, Bosnia, Morocco & Brasil

+1 (833) 387 3877 success@helpjuice.com
Expand