User Guide Cancel

Multi-level Autonumbering in CSS

  1. RoboHelp User Guide
  2. Introduction
    1. Get to know RoboHelp workspace
    2. What's new in RoboHelp 2022 release
      1. What's new in Update 5
      2. What's new in Update 4
      3. What's new in Update 3
      4. What's new in Update 2
      5. What's new in Update 1
    3. Fixed Issues in RoboHelp
    4. RoboHelp System Requirements
    5. Download RoboHelp on Windows and macOS
    6. Download and install Adobe app
    7. RoboHelp FAQs
    8. What's new in RoboHelp 2020 release
      1. What's new in Update 8
      2. What's new in Update 7
      3. What's new in Update 6
      4. What's new in Update 5
      5. What's new in Update 4
      6. What's new in Update 3
      7. What's new in Update 2
      8. What's new in Update 1
  3. Projects
    1. Plan your RoboHelp project
    2. Create a project
    3. Manage projects
    4. Work with topics and folders
    5. Generate reports
    6. Work with context-sensitive help
    7. Manage References
    8. Set preferences in RoboHelp
  4. Collaborate with authors
    1. Collaborate using Git
    2. Collaborate using SharePoint Online
    3. Collaborate using Azure DevOps (Team Foundation Server)
  5. PDF Layout
    1. PDF templates
    2. Design a page layout
    3. Publish PDF output
    4. Work with the common content styles
    5. Components of a PDF template
    6. Support for language variables
    7. Customize PDFs
  6. Editing and formatting
    1. Format your content
    2. Create and manage cross-references
    3. Create and manage links
    4. Single-source with snippets
    5. Work with images and multimedia
    6. Create and use variables for easy updates
    7. Work with Variable Sets
    8. Use Find and Replace
    9. Auto save your content
    10. Side-by-side editing in Split View
    11. Use the Spell Check feature
    12. Create and Edit Bookmarks
    13. Insert and update fields
    14. Switch between multiple views
    15. Autonumbering in CSS
  7. Import and linking
    1. Import Markdown files into a project
    2. Import Word documents into a project
    3. Import FrameMaker documents into a project
  8. TOCs, indexes, glossaries, and citations
    1. Create and manage a Table of Contents
    2. Create and manage an index
    3. Create and manage a glossary
    4. Create and manage citations
    5. Create and manage browse sequences
    6. Work with See Also and Related Topics
  9. Conditional content
    1. What is conditional content
    2. Create and apply condition tags
    3. Configure output presets for conditional content
    4. Optimize and manage conditional content
  10. Microcontent
    1. Microcontent
  11. Review and Collaboration
    1. Review and Collaboration
  12. Translation
    1. Translating content to multiple languages
    2. Configure a translation framework for a service provider
  13. Generating output
    1. Generate output
    2. Generate Frameless output
    3. Generate Knowledge Base output
    4. Generate PDF output
    5. Generate Responsive HTML5 output
    6. Generate Word Document output
    7. Generate Content Only output
    8. Generate eBook output
    9. Generate Microsoft HTML Help output
    10. Generate Mobile App output
  14. Publish output
    1. Publish to a RoboHelp Server
    2. Publish to an FTP server, a Secure FTP server, or a File System
    3. Publish to SharePoint Online
    4. Publish to Zendesk Help Center
    5. Publish to Salesforce Knowledge Base
    6. Publish to ServiceNow Knowledge Base
    7. Publish to Zoho Knowledge Base
    8. Publish to Adobe Experience Manager
    9. Publish to Atlassian Confluence Knowledge Base
  15. Appendix
    1. Adobe RoboHelp Scripting Reference
    2. RoboHelp keyboard shortcuts

What is Autonumber

Autonumber is a style to associate numbers with headings and paragraphs, which automatically gets incremented. The number can be of any type- decimal, roman, bullets, custom characters, images, and so on. An Autonumber can be multi-level. Autonumber can be multi-level, for example, you can associate a first level with Heading 1 and second level with Heading 2, which will increment in sync.

The CSS editor in RoboHelp supports multi-level autonumber authoring for heading and paragraph styles. You can control the styling of number and content and for different levels.

Note:

An Autonumber may mimic a list, but is different in behavior. A list is always contiguous, whereas Autonumber is not. You can number the Headings, list of tables, list of figures, and so on, using autonumber, which you cannot perform using a list.

Enable autonumbering

Autonumbering is applicable to a paragraph or a heading. To enable autonumbering, double click your CSS file in RoboHelp to open it in the CSS editor.

On a heading or paragraph style, enable the option Autonumber.

Select autonumber
Select autonumber

Define Autonumber for a style

You can apply autonumbering for a heading or paragraph style. Choose a heading and apply the styles. Follow the procedure below:

Autonumber workflow
Autonumber workflow

  1. Enable the option Autonumber.

  2. For the heading level, for example h1, define a style. From the Style drop-down list, choose a style for the autonumber. After you choose the style, you can see the preview. For example, if you choose the option decimal from the list, the preview updates to:

    1 Level 1

    2 Level 2

    You can also specify the format in which you want the numbering to be. For example, you may want the number prefixed or suffixed by any character. For example,

    1.Level 1

    2.Level 2

    Note:
    1. You can apply autonumbering for base classes (for example, p, h1) as well as custom classes (for example, New style).
    2. A heading style by default gets applied to both numbering and heading text. However, you can set the style for numbering and text differently.
  3. Alternatively, you can also insert an image or any character to be used for numbering. You can have your own icon for numbering of the bullets.

  4. Change the indentation and spacing between the number and the heading text. The options are:

    • Decrease and increase indent.
    • Decrease and increase indent between prefix and content.
    • Decrease and increase vertical spacing.

    To change the spacing between number and text, use the options below to modify the spacing between the prefix and the content, as shown below:

    Indentation and spacing
    Indentation and spacing

  5. Choose the other properties, for example, font, font size, color, and so on.

    Coloring in autonumber
    Coloring in autonumber

  6. At any level, if you want to clear the formatting, choose the level, and click Clear Level Formatting

    Clear the formatting
    Clear the formatting

    After you click the button, you are prompted to clear or retain the formatting. Click Yes or No.

Autonumbering in levels

By default, there are six paragraph or heading levels, Level 1 through Level 6. When you define an autonumber style to Level 1, all other levels inherit the styles from Level 1. If you want to override the styles for the other levels, you must style each level individually.

You can also insert an image for the bullets.

Set autonumbering levels
Set autonumbering levels

Formatting numbering

As mentioned before, when you define the styles to a heading or paragraph, the numbers also inherit the style. However, if you want the numbers to have a different style, you can style the numbers explicitly.

  1. After applying autonumber to a heading, for example, h1, choose the option Numbering from the Apply Formatting to drop-down list.
  2. Change the properties, such as, font color and size. You can see that the change only applies to the number.
Define number style
Define number style

Change the start of a number

If you want the numbering to start from any other number, you can specify the starting number for the autonumber. If you specify 2, the autonumber starts from 2.

Change the start number
Change the start number

Apply Autonumber

After you've applied the autonumber on the paragraph or heading style, in the Topic Editor, apply the style to the text.

You can find the list of styles in the Style Editor.

The text now inherits the new style.

Apply paragraph style
Apply paragraph style

In the Topic Editor, change the levels using Tab and Shift+Tab.

Restart numbering

For a heading, if you want to restart the numbering from any value, on the Content Properties panel, specify the number that you want the heading to restart from.

Restart numbering
Restart numbering

Remove autonumber

To remove the autonumber, choose any of the following:

  • Apply a different class to the text that has autonumbering applied.
  • Clear the existing style.
  • Change the style definition from the CSS editor.
Note:

If you've applied autonumbering on the base class, you cannot remove the style.  

 Adobe

Get help faster and easier

New user?

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online