Column Images: Graphics in column headers

Would you like to add images to each column header to help visually identify the workflow stages? You can!

To get started, add the images you’re planning to display as attachments to any card on the board.

Then, click on the /scripts/column-images/column-images.js link in our Developer Tools repository and copy the Javascript to a notepad - you will need to edit it.

The required details to fill in are:

• the URLs of the attached image files
• the exact names of the columns, that each image should show on.

If your board has more than 3 columns, feel free to add more lines to the initial part of the script.

Once ready, copy-paste the script to Developer Tools, under the Javascript slot, and save changes. You’re done!

If your board has images for the sub-columns too, then to collapse them correctly, you’ll need to first collapse the sub-column, and then the main column.

Looking to show images on your card fronts too? Check out the Card Covers power-up!