CreativePro Forum

Return to Member Forum

• Author
  Posts
• • October 11, 2017 at 4:01 am #98758
    Paul Walker

    Member

    I’ve found this very interesting numbered list style that I am trying to recreate, but it’s been a real puzzler for me. You can see it here:
    https://www.dropbox.com/s/ye20ls9bc71mg02/interestingNumberedList.png?dl=0

    What is is is a very large number, followed by a vertical line, followed by the header text. Sometimes the header text is wrapped across multiple lines, but the bottom line of this text is aligned with the bottom of the number.

    e.g.

    1 |
    1 |
    1 | This is my header

    1 |
    1 | This is my header
    1 | which wraps on two lines

    In both the above cases, the 3 1’s represent one large number (72 pt) and the header text is 16pt. The header text is always aligned with the bottom of the number.

    Does any one have any idea how this was accomplished?

    Any advice, help or suggestions would be greatly appreciated.

    I’m using CS6

  • October 11, 2017 at 4:34 am #98761
    Graham Park

    Member

    https://creativepro.com/formatting-tips-bullets-numbered-lists.php

  • October 11, 2017 at 6:34 am #98779
    Masood Ahmad

    Participant

    Hi Paul, Can you send me your email ID so that I can send you the InDesign file with styles intact.

  • October 11, 2017 at 3:01 pm #98808
    Graham Park

    Member

    This is not very hard.
    Set up a Paragraph style with the font set to 16pt
    Then go to Bullets and Numbering in this dialogue box, set Numbering, then click the CHaracter Style drop box and setup a Character Style of 72pt (call it say Number Bullet).
    Then Indents and Spacing and set a Space Before of about 25pt (change this to get the space between point as you want them)

  • October 12, 2017 at 1:10 am #98823
    Paul Walker

    Member

    Thank you for the offer Masood, I’ve emailed your gmail account.

    Graham,

    re: the link about bullets: I’d read that already and it doesn’t provide any advice for achieving the effect I wanted.

    As to your second tip, that doesn’t work. What I get is

    1 |
    1 | This is the first line
    and this is the second line

    assume the first and second lines are lined up verticallly on the left. The baseline of the numbering only lines up with the baseline of the first line which is not the effect I am looking for.

    The closest I’ve found is to use tables to achieve the effect: https://creativepro.com/tables-rescue-centering-bullet-character-paragraph.php

  • October 12, 2017 at 3:41 am #98826
    Graham Park

    Member

    Sorry about that.
    I think a cheat might work.

    have a look at the images, you will need to change the offsets of the paragraph shading, text sizes etc to suit.
    The only other thing is a Character Style to format the Large Number to Blue and size.

    How to make the fancy numbered list in InDesign

    Basically use Paragraph Shading to make the vertical black line after the large number.

  • October 13, 2017 at 4:43 am #98849
    Paul Walker

    Member

    (Masood send me an indesign file that achieves the effect I was looking for using techniques I didn’t know were possible – and I’ve been using InDesign since PageMaker 1.0)

    Thank you Masood!

    That’s some interesting magic you’ve done there. I’ll work out what you did (grep styles? new to me) and then see if I can improve it un anyway. If I do, I’ll be sure to let you know.

    Very impressive.

    Thanks again!

    – Paul

  • October 13, 2017 at 5:18 am #98850
    Graham Park

    Member

    Masoodm would be nice if you would share the GREP used to create the effect.

  • October 13, 2017 at 5:39 am #98851
    Masood Ahmad

    Participant

    Hi Graham, The GREP wasn’t fully responsible for the effect, it was just helping to to do a small task. I’ll share the InDesign file by Tuesday, 17th October 2017 as I have given the same task to my colleagues (for fun). Let’s see what ideas they come up with :)

  • October 20, 2017 at 9:39 am #99142
    Paul Walker

    Member

    Hi Masood,

    Were any of your colleagues able to come up with something better than v2 of your process?

    I’ve used it successfully in the last document I needed to lay out. What’s funny, is I was finally able to get ahold of the original document and was able to see how they originally did it; they used an additional text frame to lay the number in the correct place afterwards. Bloody ugh!

    One thing I was concerned about (very briefly) was having the pipe character show up in the generated TOC, but then I remembered your use of grep formatting, so I was able to make the pipe “invisible” in the TOC styles.

    Apparently this old dog can still learn some new tricks.

    Thanks again.

  • October 23, 2017 at 8:57 am #99167
    Masood Ahmad

    Participant

    Hey Paul,

    I must admit, out of 30 only three were close. There were varied tricks used by the team. Some uses Paragraph Rules, Line tool, Tables and even Anchor objects. However, none of them succeeded to do it fully.

    My concept was different. I opt to achieve the result with minimal manual effort therefore, I used the Pipe symbol | for the vertical bar. And yes, you’re right, you can hide it with GREP in TOC etc.

    I have uploaded the IDML file on the Dropbox for the folks to have a look and I request to share their valuable feedback and other tricks to achieve this.

    https://www.dropbox.com/s/c8rbqmkmtfcsjbn/Interesting%20numbered%20list%20style%20%E2%80%93%20can%20you%20recreate%20%E2%80%93%20Yes%20I%20can.idml?dl=0

    Sorry, for not keeping my promise for 17th, as someone said, “Is Maasood on vacation? … No news!” :)

  • April 18, 2018 at 10:23 am #103155
    Paul Walker

    Member

    No worries. It’s a useful tip that I will use again.

  • April 23, 2018 at 1:49 pm #103309
    Masood Ahmad

    Participant

    I’m glad, you find it helpful.

• Author
  Posts