Writing Portfolio

Tab Leaders (Part 1): Separating Columns of Text with Dots

Published By: InDesignSecrets.com
Credit: Byline
Canonical URL

Way back in Podcast 25 lis­ten­ers asked ques­tions about un­der­lin­ing text and cre­at­ing tab lead­ers. After hear­ing the same ques­tions re­cent­ly from col­leagues, I thought the top­ic was worth revisiting.

Vanessa from Australia asked:

I have a name, ad­dress, and a com­pa­ny name. I want to fol­low each one of those with a dot­ted un­der­line that goes all the way to the right edge of the box. How do I do that?

The dot­ted un­der­lines you ref­er­ence, Vanessa, are called a tab lead­ers (pro­nounced lee­durz). Tab lead­ers can be dots, dash­es, un­der­scores, and even dec­o­ra­tive glyphs from fonts oth­er than those used in sur­round­ing text. I’ll cov­er the last op­tion in a fu­ture edi­tion of this se­ries of posts. For now, let’s cre­ate stan­dard dot leaders.

  1. Begin by set­ting your text in tab-separated columns (see Figure 1). Use a sin­gle tab no mat­ter how mis­aligned the re­sults ap­pear for the mo­ment. The tab, rep­re­sent­ed by a dou­ble brace (>>) when Show Hidden Characters is en­abled from the bot­tom of the Type menu, will be­come the dot leader.

Figure 1: Shows two irregular columns of text separated by tabs.

  1. Highlight all the lines of text that re­quire a dot leader and open the Tab Ruler. In InDesign CS2 and ear­li­er se­lect Window > Type & Tables > Tabs; in InDesign CS3, choose Tabs from the Type menu. You can al­so open the Tabs ruler from any ver­sion with the CMD+SHIFT+T/CTRL+SHIFT+T key­board shortcut.
  2. When the Tab Ruler ap­pears, it will au­to­mat­i­cal­ly size it­self to the width of your high­light­ed text col­umn. Select the ap­pro­pri­ate tab­stop align­ment character–in this case you prob­a­bly want the Right-Justified Tab mark­er, which is the third ar­row at the top of the Tabs pan­el (the ar­row has a tail point­ing left). With the Right-Justified Tab but­ton ac­tive, click in the blank area im­me­di­ate­ly above the ruler, as far right as you can with­out pass­ing the big ar­row (the right in­dent in­di­ca­tor) there. Any text af­ter the tab should au­to­mat­i­cal­ly jump to line up along the right edge of the text frame (see Figure 2).

Figure 2: Shows the same text with the right column now aligned to the right of the text frame.

  1. With your colum­nar text sep­a­rat­ed and aligned, the on­ly thing left to do is add the leader. First, re­s­e­lect the tab­stop by click­ing on the mark­er ar­row above the ruler in the Tabs pan­el. When you have it se­lect­ed, you’ll no­tice that the X field along the top of the Tabs pan­el shows the marker’s po­si­tion. (If you ac­ci­den­tal­ly add an­oth­er mark­er in­stead of se­lect­ing the first, just drag the ex­tra mark­er down in­to the ruler it­self; it will then disappear.)
  2. Beside the X po­si­tion field is the Leader field. Enter a sin­gle pe­ri­od in that field and press TAB on your key­board to leave the field. The re­sult should be what you see in Figure 3. Close the Tabs panel.

Figure 3: Shows Tabs ruler panel above two columns of text now separated by a dot leader.

If you’d rather a dif­fer­ent kind of leader, say dash­es or a sol­id line in­stead of dots, put some­thing oth­er than a pe­ri­od in the Leader field. An em dash will cre­ate a sol­id hor­i­zon­tal line at the mid­point of the text’s x-height (ver­ti­cal­ly halfway up low­er­case char­ac­ters), and an un­der­score (_) will cre­ate a sol­id base­line rule be­tween the left and right columns. You put in the Leader field any char­ac­ter you want. In fact, it can be more than a sin­gle glyph! The Leader field ac­cepts in­put of up to 8 glyphs. For ex­am­ple, to cre­ate a very loose dot leader, in­sert space pe­ri­od space, or get re­al­ly cre­ative with some­thing like pe­ri­od space pe­ri­od pe­ri­od space pe­ri­od pe­ri­od pe­ri­od. Whatever you en­ter in the Leader field will be re­peat­ed as many times as nec­es­sary to fill the space be­tween columns.

In my next in­stall­ment in the “Tab Leaders” se­ries, I’ll ex­plain how to change for­mat­ting op­tions spe­cif­ic to tab lead­ers so that you can cre­ate lead­ers that are dif­fer­ent col­ors, sizes, or even com­plete­ly dif­fer­ent typefaces.