13

Simply, I would like to get a chromeless version of a Trello board and embed it directly into the 'tasks' page of my site. I'd still have my site's header and footer around it.

I guess I could just use an iFrame, but is there a more elegant solutions to this?

Also I would like to theme it to suit the rest of the site...

Anyone knows where to start with this?

14

Sure you can. Check these links out:

Consider this as an example card:

https://trello.com/c/NIRpzVDM

You can link to a card as a photo using the following:

<img src="https://trello.com/c/NIRpzVDM.png" />

enter image description here

You could embed an iframe as follows:

<iframe src="https://trello.com/c/NIRpzVDM.html"></iframe>

You can also do a javascript that writes the card into your page:

<script src="https://trello.com/c/NIRpzVDM.js"></script>

which writes out some html using document.write("<html content>")

Another way is to request a card's JSON

https://trello.com/c/NIRpzVDM.json

All of these are available using a board as well...

https://trello.com/b/nC8QJJoZ.png
https://trello.com/b/nC8QJJoZ.html
https://trello.com/b/nC8QJJoZ.js
https://trello.com/b/nC8QJJoZ.json
  • 5
    Can anyone verify if this still works? initial attempts in Chrome gave me GET https://trello.com/c/somecardid.png 410 (Gone) and Refused to display 'https://trello.com/c/somecard' in a frame because it set 'X-Frame-Options' to 'DENY'. in my console – Reinstate Monica Mar 18 '16 at 22:27
  • 2
    This still works however you must use .html at the end of your board. This may change shortly, maybe, since I've just reported a vulnerability through this iframe feature so YMMV. – Sirens Aug 14 '17 at 2:04
  • 1
    Isn't it strange that the trello app supports this feature but there's no documentation about it? – ted.strauss Oct 6 '17 at 13:45
  • Is the .png one working for anyone? Can't get an image in Safari or Chrome... – LinusGeffarth Jul 8 at 13:04
  • This seems to have stopped working. The .png returns "Gone". The trello.com/b/nC8QJJoZ.html shortcut returns some weird symbols. All others are denied due to X-Frame-Options DENY. – ondervloei Aug 30 at 15:15
6

Other than using an iframe, Trello has a REST public API that you can tap into for your site. You can theme it to match your site and have more control than simply a window into another site. You can find more information on programmableweb here: http://www.programmableweb.com/api/trello

  • I believe this'll work, but I wish Trello lets us copy&paste some js code to embed cards/lists/boards. I'm thinking of showing for (liveditor.com/text-editor) the bugfixes and feature implementation implementation which is managed in Trello. – Edwin Yip Jul 20 '13 at 17:59
  • Trello has a feature request board that you can post your comments to and users can vote for it to be implemented. Here's the link: trello.com/b/nC8QJJoZ/trello-development – Terra Jul 25 '13 at 13:57

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.