July 24 2009 • 6:05 AM

Adjusting Gradients in Table Cells

J.G. wrote:

Imagine a table with three cells in one row. I fill the middle cell with a black-to-white gradient. However, that cell only appears filled with a portion of the gradient, as though all three cells were filled! How can I fill the cell with the whole gradient?

You are not the first person to be flummoxed by the way InDesign applies gradients inside text frames. Yes, I know you selected a table cell, but remember that tables are still always inside text frames. And when you apply a gradient swatch to anything in a text frame, InDesign “places” the gradient as though the gradient stretched across the entire frame.

In the following image, the second row of the table has a gradient that stretches across all three columns. Then, I selected the middle cell in the next row and applied the same gradient swatch:

To force the blend to fit inside the cell, first select the cell (if the type cursor is flashing inside the cell, press the Esc key), then drag across the cell with the Gradient Tool. This applies a “local gradient formatting” to the cell.

Of course, if you had to do a hundred of these, it might be easier to make a custom gradient swatch that simply started a third of the way over on each side:

Here’s another article on uses of the Gradient Tool.

6 Responses discussing this post. Add yours below.

  1. July 26th, 2009 • 11:57 am • Link

    A quick way to apply styling to one cell is to paste a single cell table into the cell.

    (Of course you’ll need to work out the spacing and insets…)

  2. John Cangemi
    July 27th, 2009 • 5:05 am • Link

    Please fix this problem. Adobe’s online user guide gives instruction on how to fill a cell with a gradient, but never mentions this bug.

  3. August 7th, 2009 • 12:47 am • Link

    Hi ,
    Wonderful Post! I didnt thought that someone would explain about this the help of screenshots in this world of Geeks. Thanks a ton

  4. Ruth Bochte
    February 26th, 2010 • 11:34 am • Link

    Thanks for the information.

    Is there also a way to fill a cell or row of cells with a 90 degree (vertical) gradient? Say, from black at the top to either white or transparent at the bottom? And then, apply this gradient to more or less alternating rows?

    Is there even a way to select non-concurrent rows or columns in InDesign?

    I am trying to duplicate this QuarkXpress-created form (shown here as a PDF) in InDesign.

    http://www.gridironmen.org/images/Gridiron_Registration.pdf

  5. jacobus
    January 19th, 2011 • 4:55 am • Link

    @Ruth:
    I did it this way – it’s easy, just with the gradient tool and the eye dropper tool.

    • first create a gradient swatch
    • select a –preferably empty– cell
    • fill the cell with the gradient – yes, it looks wrong
    • drag vertically with the gradient tool within the cell boundaries, the gradient will look fine now
    • now deselect all (apple-shift-a)
    • click the eye dropper tool on the cell gradient fill
    • drag the eye dropper tool on the cells you want to fill

    That’s it!

    Take care: deselecting is essential.
    And clicking in a cell with the eye dropper may not have the desired effect, when you inadvertently activate text mode. So click near the border of the cell to access the cell background.

  6. Roberta
    February 16th, 2011 • 6:17 pm • Link

    This is a HUGE issue. I do a lot of document production and to have to manually fill every table header is not an option. I wanted to do a vertical blend on the header row and could not figure out why it kept changing, until I realized that every time I added rows it changed.

    I am not sure what good cell styling is if it is not limited to the cell. Every other program I work with does not seem to have a problem with this…

    Has anyone every tried to create an image and embedded it as a vertical blend?

Subscribe to the Discussion

Get the ongoing discussion surrounding "Adjusting Gradients in Table Cells" 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.