Skip to content

Instantly share code, notes, and snippets.

@bmccormack
Last active July 25, 2016 22:49
Show Gist options
  • Save bmccormack/897970f9aa237f6b0d96408130c812b8 to your computer and use it in GitHub Desktop.
Save bmccormack/897970f9aa237f6b0d96408130c812b8 to your computer and use it in GitHub Desktop.
Print Trello Cards - Removes cruft so the description and checklists stand out

This little bit of javascript tries to make Trello cards look a bit nicer when printed, especially for checklists. It gets rid of some of the extra UI elements so the content shows through.

To convert to a bookmarklet:

  1. Copy the above code to the code box on this page
  2. Click the button
  3. Drag the link to your bookmark bar.
  4. Optionally, right click on the bookmarklet and change the name to "Print Trello Card".

Now, whenever you have a Trello card open, click the "Print Trello Card" bookmark to run the code!

$('h3:contains("Activity")').parents('.window-module').remove();
$('.window-header-inline-content').remove();
$('.js-show-with-desc').not('.js-card-desc').remove();
$('.js-edit-desc').remove();
$('a.js-confirm-delete').remove();
$('div.checklist-progress').remove();
$('.checklist-item-checkbox').css('border', '1px solid #4d4d4d');
$('.checklist-item-checkbox').css('box-shadow', 'none');
window.print();
location.reload();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment