6

Love Trello and use it to track projects (each project is a list).

Is there a way to "wrap" the lists so that all appear on the canvas rather than scrolling to the right?

2

If you make your window much smaller, Trello will adapt and list the lists vertically. This is mostly for mobile devices, but it also works for any browser. There's no other way to list lists vertically though.

1

Vertical Trello - Chrome Extension

Very late response, but I came across this question when I was searching for a solution, so maybe it will help others. I didn't find anything so I created the extension above.

(Hopefully in future I'll have some time to make it actually "wrap" the lists to maximize the useful area, but for now it just lists them vertically.)

1

For everything-but-Chrome I use TamperMonkey with a Trello-wrap-n-stack userscript I put on Github:

How to use in Safari, Firefox, MS Edge

  1. Install TamperMonkey from Your-Browser's Extensions gallery
  2. Navigate to https://gist.github.com/chrisfcarroll/72af8356b189dbdaaaea
  3. Assure yourself it does nothing malicious. If you're not a fluent JavaScript speaker, phone a friend.
  4. Click on the Raw button

On a good day, TamperMonkey will automatically jump in and ask if you want to install it. Otherwise, download it or save it to desktop and install manually via the TamperMonkey control panel.

Chrome

Chrome can run userscripts without needing TamperMonkey, but very sensibly prevents you from installing them from the interwebs. You can install by downloading it to localmachine first, and then drag into Chrome extensions.

0

This works from the developer tools in Chrome: it could be made into a bookmarklet or user script.

var sheet = $('<style>', {
    type:'text/css',
    text: ''
}).appendTo('head')[0].sheet;
sheet.insertRule([
    '.list {',
    'flex-basis: auto;',
    'margin-bottom: 1ex;',
'}'].join('\n'), 0);
sheet.insertRule([
'#board {',
    'flex-wrap: wrap;',
    'flex-direction: column;',
'}'].join('\n'), 1)

(PUBLIC DOMAIN)

0

In Firefox, you can use the Custom Style Script plugin and add a rule for trello.com with the following CSS

.list-wrapper {
height: initial;
margin: 8px;
}

#board {
white-space: initial;
}

It's a hack that might fail at any moment, but is working for me for now.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.