Trello Power-Up to hide labels and fields from card covers

Trello Power-Up to hide labels and fields from card covers

I had an ingenious idea to show a clutterless view of a Trello board. Sometimes it is beneficial to have an overview of card names without all the details like labels, assignments, photos, dates, custom fields, and so on.

For instance, instead of displaying a board with tens of cards with labels, due dates and custom fields like this:

it would be great to have a quick look at just the names:

I have quickly discovered how to achieve this effect – by calling:

JS

I started investigating Trello documentation and decided to create a Power-Up. There is a lot of useful documentation:

It turned out that creating a simple Trello Power-Up is… simple. The fastest route was to use a service Trello uses in the guidelines: Glitch. I have created there just two files:

HTML
index.html
JS
script.js

I know, the icon is stolen from the examples. Anyway, it was just for a test. After registering my Power-Up for my team and enabling it with board-buttons and callback capabilities, it almost worked. Almost – except for the fact that Power-Ups are created inside an iframe so there is no access to the cards or their styles, and the API does not expose any method to hide parts of cards, only for adding new details.

So my treasure with the Trello Power-Up had to be abandoned, and the only way to achieve the functionality is by a Bookmarklet.

Bookmarklet – does anyone still use it?

Check the list of My favorite bookmarklets

And here is my simplest Trello Clutterless View bookmarklet:

JS

I have further developed the bookmarklet in Trello-Clutterless-View GitHub repository where it can be downloaded.

Leave a Reply

avatar
  Subscribe  
Notify of