DZone
Integration Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Integration Zone > Awesome Asciidoctor: Change Number Style for Ordered Lists

Awesome Asciidoctor: Change Number Style for Ordered Lists

It's easy to use Asciidoctor to write beautiful (nested) ordered lists.

Hubert Klein Ikkink user avatar by
Hubert Klein Ikkink
·
Dec. 24, 16 · Integration Zone · Tutorial
Like (0)
Save
Tweet
4.48K Views

Join the DZone community and get the full member experience.

Join For Free

Writing (nested) ordered lists in Asciidoctor is easy. We need to start the line with a dot (.) followed by a space and the list item text. The number of dots reflects the levels of nesting. So, with two dots (..), we have a nested list item. By default, each nested level has a separate numbering style. The first level has Arabic numbering, the second lower case has alphanumeric, the third upper case has alphanumeric, the fourth lower case has Roman, and the fifth (which is the maximum depth of nested levels in Asciidoctor) has a style of uppercase Roman.

We can change this by setting a block style for each nested level block. The name of the block style is arabic, loweralpha, upperalpha, lowerromann, or upperroman. With the HTML5 backend, we can also use decimal and lowergreek.

In the following example, we have an ordered list where we set different block styles for the nested level:

= Nested numbering styles

. Services
[arabic]
.. Datastore
.. Mail

. Repositories
// Only HTML backend
[decimal]
.. PostgresDB
.. Redis

. Controllers
// Only HTML backend
[lowergreek]
.. API
.. Admin

. Software systems
// Or use upperalpha for upper case alphanumeric
[loweralpha]
.. OAuth

. Operatings systems
// Or use lowerroman for lower case roman
[upperroman]
.. Linux
[decimal]
... Server A
... Server B
.. macOS
.. Windows server

When we create the HTML output, we have the following result:

Written with Asciidoctor 1.5.4.

Awesome (window manager)

Published at DZone with permission of Hubert Klein Ikkink, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • What Is Pair Programming?
  • How to Modify Java Command-Line Arguments
  • Which JVM Version Is the Fastest?
  • How to Build Security for Your SaaS User Communications

Comments

Integration Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo