April 8 2008 • 12:03 PM

Rounded Corner Tables and Brackets on Frames

E.R. wrote:

After seeing your corner-only border segment, it reminded me of a problem that I hadn’t been able to solve: I want to make the right- and left-hand side of the text frame a square bracket so that anything I typed into it would elongate the brackets as I typed. Alas, I’ve never found a solution.

I banged on this problem for a bit, too, and was about to give up when Sander Pinkse from the Netherlands sent me the answer from out of the blue. Not only that, but he showed how to make a rounded-corner table (sort of), which many people have also requested!

Let’s do the brackets first. This trick relies on combining two other tricks: First, the corner-frame trick that Rufus came up with a couple of years ago and which I wrote about recently. Next, it makes use of another classic trick: putting text inside a one-celled table in order to create cool effects.

After you have created a “corners-only custom stroke,” you can put a bracket around some text by making a one-celled (one column, one row) table and placing the text inside it. Now select the cell (not the text) by pressing Esc (or choosing Table > Select > Cell) so you can adjust the strokes on each of the four sides. Set the thickness of the solid line stroke in the Stroke panel or the Control panel.

Now for the trick: De-select the left and right strokes of the cell in the Control panel or the Strokes panel, and then (while only the top and bottom strokes are selected) choose the corner-only stroke. The result is simply delicious:

bracket1

bracket2

As the amount of text changes, the bracket gets taller or shorter automatically.

The rounded corner tables aren’t exactly what I had always hoped for, but they are certainly a pretty cool application of tables and the corners-only trick. Basically, Sander pointed out that you can make a Dotted stroke with a large Pattern Length, then set that stroke as the table border in the Table Options dialog box. (Or, alternately, set it as the stroke in Cell Options.) Finally, make the stroke weight thick and make sure the Color and the Gap Color are both set to the same swatch!

bracket3

bracket4

The result does have rounded corners on the outside, but square corners on the inside. Definitely a nice effect. Thank you, Sander, for putting the pieces of the puzzle together and sharing these tricks with us!

14 Responses discussing this post. Add yours below.

  1. Christa
    April 8th, 2008 • 2:09 pm • Link

    InDesignSecrets rocks!
    Thanks again for a tip I never thought I would need, but after reading it I will use & use again :D

  2. Philip Ulanowsky
    April 8th, 2008 • 5:36 pm • Link

    I can’t get the round table corners. (CS2). What am I missing? I have tried rounding the joins, etc.–nothing seems to work.

  3. Casey D'Andrea
    April 8th, 2008 • 7:17 pm • Link

    If you draw a line segment, add a couple end shapes, i.e. SimpleWide arrow, you can use this as a length label…

    GOOD NEWS — you don’t need to add a fill to the text frame to block out the line, consequently blocking out any underlying image.

    BAD NEWS — the gap between the end points isn’t dynamic, obviously, and so the distance between the label text doesn’t work for all cases

    MY OWN FIX — 1) fill the the text frame with white, then adjust the fill opacity to 0% — 2) use a standard solid stroke, without any gaps — 3) group the two together and check off Knockout Group…

  4. David Blatner
    April 9th, 2008 • 8:57 pm • Link

    Philip, did you make a custom dotted frame with a really wide pattern length and “adjust gaps” turned on (as disussed in the earlier post)? That’s the trick I’m referring to in this post.

    Casey, that’s a very interesting idea!

  5. Mark J. Spinks
    April 11th, 2008 • 2:31 pm • Link

    Hmm, with regard to the rounded corners I think I’ll stick to pasting inside and applying the rounded corners to the containers outer edge, it gives you more flexibility when styling up the outer stroke, such as aligning the stroke to the outside, center etc. etc.

    Also if you look very closely at the “dotted” stroke, at each point where the Row and Column dividing lines are you will see a little bump where the dot is used as part of the stroke, which to me wouldn’t be a good thing if they were noticable at the print stage, You can see them on the left edge in the screen shot above, plus I don’t think I’ll ever need to apply a rounded stroke to an individual cell inside a table.

    Famous last words.

  6. Philip Ulanowsky
    April 11th, 2008 • 2:32 pm • Link

    David, I have gone back through the earlier tutorial for the text brackets and created the adjustable text brackets. Works fine. I am applying that same style to the one-cell table, giving a 10 pt stroke, with the same gap color, using best joins, as shown in the screen shot above on this page. Corners remain entirely square, unrounded, as in the brackets. I have reread the above tutorial about five times now, and honestly, from the description given, I don’t know what would cause the corners to round anyway. What exactly is it? Clearly, I;m blocking on something here. Help appreciated.

  7. Sander Pinkse
    April 12th, 2008 • 11:42 am • Link

    Philip, for round corners you need another stroke style, one that creates a *dotted* rule instead of a *dashed* rule.

  8. April 12th, 2008 • 12:35 pm • Link

    I found a quite simple solution for rounded tables. You create your table as you want. Create an empty frame with your choice of corners. Position your corner frame over your table. Cut your table and select your corner frame and “paste into”. I found adding an extra column and extra row allow me to adjust the cells away from the corner effect.

  9. Caroline
    November 7th, 2008 • 11:26 am • Link

    Thank you David!
    That was the easiest trick- (making an empty frame and pasting into) for rounded corners.

  10. June 10th, 2009 • 2:02 pm • Link

    So now it is year later, is this still the best way to to do rounded corners?

  11. David Blatner
    June 11th, 2009 • 8:13 am • Link

    Yes, sadly, the Paste Into feature is still the best option for creating rounded corners on tables.

  12. Glen
    July 13th, 2009 • 9:22 am • Link

    OOOOrrrr….

    1. Copy the table

    2. Draw another box with rounded corners.

    3. Paste Into the new box with rounded corners

    4. Say out loud – “Viola, my work here is done!”

  13. Amy
    October 20th, 2009 • 7:32 am • Link

    I tried the “Paste Into” and the table gets pasted too far away from the left edge of the rounded corner box, so there’s a gap. I’m new to ID and was wondering how to fix that.

  14. Rob
    December 21st, 2009 • 8:52 am • Link

    Let’s just face facts. Rounded corner tables in Indesign don’t work successfully!

Subscribe to the Discussion

Get the ongoing discussion surrounding "Rounded Corner Tables and Brackets on Frames" delivered to you. Click here to subscribe via RSS.

Leave a Reply

You can use limited HTML tags, such as <em></em> for emphasis/italics and <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

InDesignSecrets reserves the right to edit and/or remove posts and comments.