is now part of CreativePro.com!

How to Set Up a Decimal-Aligned Numbered List in InDesign

11

If you’ve ever tried setting up a paragraph style for a decimal-aligned list in InDesign, you know that the process can be a little confusing and frustrating at first. Perhaps that’s an understatement. When you figure out how to get the results you want, I think the good folks at Adobe should send you an InDesign merit badge to sew onto your shirt.

I know this topic has been covered previously here. In fact, one of the tips in the Top Tips for InDesign eBook is devoted to decimal-aligned lists. But I haven’t seen a step-by-step method to get the exact results you want, so here’s my method.

1. First, create a paragraph style that applies the formatting you want. If you want the list numbers to be in a different character style from the list items, create the character style too.

2. If you’re using a font where the numbers are all the same width, type any two numbers followed by a period. Then skip down to step 5 below.

If you’re using a font where the numbers are not all the same width, then you need to create a set of sample numbers to find the widest list number you might encounter with your desired formatting. In a text frame, type 0-9 for each digit you need to clear for, followed by a period and a return (i.e. type each number twice for a double-digit list, type each number three times for a triple-digit list, etc).

3. Place your cursor just to the right of each sample number, and note the Horizontal Cursor Position in the Control Panel (visible when the panel is displaying paragraph formatting controls).

4. Delete everything but the widest number.

5. Add a sample list item after the number.

6. Create your desired spacing from the period to the list item. Use any method you like, spaces, tabs, whatever. It doesn’t matter how you do it. Just make it look the way you want.

7. Place your cursor just to the left of the list item, and note the Horizontal Cursor Position in the Control Panel. Here, ~1p10.

8. Place your cursor just to the right of the period, and again note the Horizontal Cursor Position. Here, ~1p7.

9. Open the Paragraph Style Options dialog box, and in the Bullets and Numbering area, do the following:

Set the alignment to Right.

Set the Left Indent to the Horizontal Cursor Position of the sample list item (1p10).

For the First Line Indent, take the difference of the two cursor positions you noted (1p10 – 1p7 = p3) and stick a minus sign in front of it. (-p3).

10. Reach around and pat yourself on the back. You’re done. Click OK to seal the deal.

Once you get the hang of decimal-aligned lists, you might start making them just for fun.

Dialog Box Decoder

Alignment (Left, Right, or Center) means ‘align the number left, right, or centered on the sum of the Left Indent and First Line Indent.’ In this example that’s 1p7. Just remember, the number can’t sit outside the text frame. If you try to push it too far left, the number will just stop at the edge of the text frame.

First Line Indent is measured from the Left Indent. In a decimal-aligned list, it is the distance between the number and the list item.

Tab Position is where InDesign will automatically move the list item to when the distance between the list item and the number reaches zero. When the distance is greater than 0, Tab Position is not used and this field is grayed out. This is probably the most confusing part of the dialog box. The good news for you is, if you use this method to decimal-align your lists, you can ignore Tab Positon.

Editor in Chief of CreativePro. Instructor at LinkedIn Learning with courses on InDesign, Illustrator, Photoshop, GIMP, Inkscape, and Affinity Publisher. Co-author of The Photoshop Visual Quickstart Guide with Nigel French.
  • Phenomenal. I mean the badge. How’d you do that?

    Oh and the rest of the post …pretty good! Okay, seriously, wonderful. I suspect it’ll become one of our most frequently-linked-to posts.

  • Mike Rankin says:

    I sewed it myself, natch. ;)

  • Mike Rankin says:

    Actually, I can’t even sew a button on. But in Photoshop, my real world lameness need not apply.

    I took a sample patch, removed the real content, took a screenshot of the list button in the control panel, stretched it using “nearest neighbor” (to keep it nice and pixely), a dash of pin light, a pinch of color burn, and a badge was born.

    Re the list technique, thanks :) I was also quite tickled to find a good use for Horizontal Cursor Position.

  • Mike Rankin says:

    BTW, I call “Yclept Mousebender” as my conference name. What happens at PEP, stays at PEP.

  • James Fritz says:

    I call Eric the cat since it is closest to Fritz the cat.

  • Jennie says:

    Dang! That dialog box finally makes sense!

  • That little widget (Horizontal Cursor Position) was the inspiration for our podcast’s regular feature “Obscure InDesign Feature of the Week-eek-eek” and was the first one we did!

  • Eugene Tyson says:

    Numbered lists in InDesign are wonderful. And I’ll remember this blog post to show to others.

    Could Adobe have made the numbered lists more complex? I think not.

    I notice Mike hasn’t defined a new Numbered List, which I think should be done, so it doesn’t clash with any other numbered list you may have going on. That was one of the most mind-bending things for me when I had to style a 1000 page book with every paragraph numbered and sub-numbers to 4 levels.

    There really is no better way to learn the numbered paragraphs better than with a huge project.

    And I think I recall being onto InDesignSecrets about how to set these up, and you guys did help me, and always have with everything I’ve ever asked. So I can’t thank you enough.

    Really neat tip Mike.

  • Jamie McKee says:

    Michael-

    My thanks to you for figuring this out! It was obviously a lot more complicated than we first thought. You definitely deserve a merit badge for this, you InDesign Eagle Scout!

  • Mika says:

    I am struggling with client request to add a Tab in Numbered list after before paragraph’s first character.
    Seems in Bullets and Numbering i cant add extra ^t after the existing one, but also i don’t know how to add a Tab character before paragraph’s first letter.

  • @Mika: I do not think there is any way to get a tab added automatically before the number (other than manually adding it yourself, though that means you cannot use automatic numbering).

  • >