# Trello card onebox

**URL:** <https://meta.discourse.org/t/trello-card-onebox/24762>\
**Category:** Feature\
**Created:** [February 3, 2015, 5:05am UTC](https://meta.discourse.org/t/trello-card-onebox/24762 "2015-02-03T05:05:30Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![badevguru](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/badevguru/32/115121_2.png) [@badevguru](https://meta.discourse.org/u/badevguru)\
**Post date:** [February 3, 2015, 5:05am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/1 "2015-02-03T05:05:30Z")

</div>

Seems like an obvious onebox but does not appear to be enabled at the moment.

Would generate the typical default trello view of a card inside a box representing the list the card is embedded in.

![](https://global.discourse-cdn.com/meta/original/3X/5/d/5dd0d685c675b604d5fc222543f0cacb61e5b19f.png)

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [February 3, 2015, 5:38am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/2 "2015-02-03T05:38:03Z")

</div>

We are fine with a PR to add this if anyone wants to work on it.

---

<div class="post-metadata">

**Author:** ![alefattorini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alefattorini/32/119928_2.png) [@alefattorini](https://meta.discourse.org/u/alefattorini)\
**Post date:** [February 3, 2015, 6:26am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/3 "2015-02-03T06:26:16Z")

</div>

Sorry I can’t get it. Can you explain a bit your idea?

---

<div class="post-metadata">

**Author:** ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)\
**Post date:** [February 3, 2015, 6:31am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/4 "2015-02-03T06:31:51Z")

</div>

Also, keep in mind that in general, oneboxes are designed _not_ to have dynamic content in them. Once they are ‘baked’ they stay that way… So if you onebox a trello card, and then later change the title, that change won’t be reflected in the onebox.

---

<div class="post-metadata">

**Author:** ![badevguru](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/badevguru/32/115121_2.png) [@badevguru](https://meta.discourse.org/u/badevguru)\
**Post date:** [February 3, 2015, 6:51am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/5 "2015-02-03T06:51:37Z")

</div>

> [@mcwumbly](#):
>
> So if you onebox a trello card, and then later change the title, that change won’t be reflected in the onebox.

Good point. I’d wager that for a large majority of the times a person would include a link to a trello card, it would be unlikely that the text would materially change on the title of the card. It will in some cases. The list the card is associated with is likely to be much more volatile.

> [@alefattorini](#):
>
> Sorry I can’t get it. Can you explain a bit your idea?

Alessio, are you familiar with Trello? If not, check it out [http://trello.com](http://trello.com)

---

<div class="post-metadata">

**Author:** ![alefattorini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alefattorini/32/119928_2.png) [@alefattorini](https://meta.discourse.org/u/alefattorini)\
**Post date:** [February 3, 2015, 8:44am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/6 "2015-02-03T08:44:04Z")

</div>

Yes, I’m an huge fan of Trello but I can’t get where do you want use  
onebox on Discourse.. can you make an example of this?

---

<div class="post-metadata">

**Author:** ![Himanshu\_Chhangani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/himanshu_chhangani/32/40772_2.png) [@Himanshu\_Chhangani](https://meta.discourse.org/u/Himanshu_Chhangani)\
**Post date:** [April 6, 2015, 7:20am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/7 "2015-04-06T07:20:56Z")

</div>

hi, so have you guys enabled oneboxing of trello cards in discourse?  
i tried to add [https://trello.com](https://trello.com) in whitelist for onebox settings  
yet cant see the trello card being oneboxed.

can you tell, by when I can expect this feature, if not already present

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [April 6, 2015, 7:31am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/8 "2015-04-06T07:31:36Z")

</div>

> [@Himanshu\_Chhangani](#):
>
> by when I can expect this feature

no one on the core team is working on this, or is planning to work on this.

You have three options

1. Commission someone to work on this, or work on it yourself
2. Become a customer of ours and ask us to build it, at which point it will be added to the queue
3. Work with trello to ensure they implement opengraph properly in which case it should just work ™

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [June 16, 2016, 9:55am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/9 "2016-06-16T09:55:06Z")

</div>

Does Trello support OpenGraph or oEmbed yet? Can anyone with a Trello board check?

---

<div class="post-metadata">

**Author:** ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)\
**Post date:** [June 16, 2016, 10:01am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/10 "2016-06-16T10:01:00Z")

</div>

No, it doesn’t.

> **[Iframely URL Debugger - Open Graph, Twitter Cards, oEmbed](https://debug.iframely.com?uri=https%3A%2F%2Ftrello.com%2Fc%2Fj8XFyUqo)**
>
> Check your URL against Open Graph, Twitter Cards, oEmbed specs. See what other apps see.

---

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [July 4, 2017, 11:17pm UTC](https://meta.discourse.org/t/trello-card-onebox/24762/11 "2017-07-04T23:17:37Z")

</div>

I wanted to embed a trello board, and while they don’t have any support for oembed, they do support iframes of content by changing a board url like

`https://trello.com/b/nC8QJJoZ/trello-development-roadmap`

into

`https://trello.com/b/nC8QJJoZ.html`

I’ve wrapped up that simple logic into a onebox and submitted a PR:

[https://github.com/discourse/onebox/pull/359](https://github.com/discourse/onebox/pull/359)

> **Screenshots**
>
> A board embed looks like this:
> 
> ![](https://global.discourse-cdn.com/meta/original/3X/8/9/897d48f00e2cd714e0ed73120ab452e2fd4de6bd.png)
> 
> And a card embed looks like this:
> 
> ![](https://global.discourse-cdn.com/meta/original/3X/4/d/4db37284faab22e4e23eebcabcc3da8bd86ac2eb.png)

---

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [July 7, 2017, 5:30pm UTC](https://meta.discourse.org/t/trello-card-onebox/24762/12 "2017-07-07T17:30:13Z")

</div>

All merged in and working - thanks @eviltrout 🙂  
https://trello.com/b/nC8QJJoZ.html

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [July 7, 2017, 5:33pm UTC](https://meta.discourse.org/t/trello-card-onebox/24762/13 "2017-07-07T17:33:55Z")

</div>

This is looking pretty strange the whole scrolling thing is a bit weird.

Is there a way to get a less scrolly one going?

---

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [July 7, 2017, 5:35pm UTC](https://meta.discourse.org/t/trello-card-onebox/24762/14 "2017-07-07T17:35:57Z")

</div>

Agreed it’s not perfect - but with the way trello boards are used (lots of lists horizontally) I don’t really see how it could be displayed without scrolling ☹ Even opening that board in a full screen browser requires a lot of scrolling.

Links to specific cards will onebox with minimal scrolling (depending on height of card):

https://trello.com/c/ohpcMYy6.html

I guess one option is to not bother show the content of the board itself, and just show some meta-data about it instead…

---

<div class="post-metadata">

**Author:** ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)\
**Post date:** [July 7, 2017, 6:05pm UTC](https://meta.discourse.org/t/trello-card-onebox/24762/15 "2017-07-07T18:05:44Z")

</div>

Yeah I agree that oneboxing the entire board isn’t necessary. It ends up feeling like an iframe with [trello.com](http://trello.com) inside it. Oneboxing individual cards looks great though!

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [July 7, 2017, 10:25pm UTC](https://meta.discourse.org/t/trello-card-onebox/24762/16 "2017-07-07T22:25:49Z")

</div>

Yeah this is really bad, on mobile there is no way to scroll it at all. We have been down this road with Google Docs and it is a trail of tears. Best to show a summary of the instance rather than heavy, ineffectual embedding.

---

<div class="post-metadata">

**Author:** ![cryptochrome](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cryptochrome/32/74380_2.png) [@cryptochrome](https://meta.discourse.org/u/cryptochrome)\
**Post date:** [July 12, 2017, 6:49pm UTC](https://meta.discourse.org/t/trello-card-onebox/24762/17 "2017-07-12T18:49:47Z")

</div>

Is it possible to make this work with private Trello boards (where obviously authentication or an API token would be required)?

---

<div class="post-metadata">

**Author:** ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)\
**Post date:** [September 28, 2017, 6:17pm UTC](https://meta.discourse.org/t/trello-card-onebox/24762/18 "2017-09-28T18:17:50Z")

</div>

Trello [announced](https://blog.trello.com/25-million-users) new support for embedding cards and boards, so maybe a better onebox is possible.

> **[Redirecter](https://developers.trello.com/v1.0/docs/cards)**

---

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [September 28, 2017, 6:32pm UTC](https://meta.discourse.org/t/trello-card-onebox/24762/19 "2017-09-28T18:32:19Z")

</div>

The embedding looks a lot nicer! But this bit worries me:

> Now when the page loads, the script will find that card, and replace it with a fancy embedded version.

Sounds suspiciously like Twitter’s embedding, which we can’t use on discourse because it modifies the height after the page loads… 😕 Maybe we can use the “programmatic card creation” in a `decorateCooked` method somehow…

Edit:  
Yep, their [handily un-minified javascript](https://p.trellocdn.com/embed.js) has some iframe-resizing magic going on, so I don’t think it’ll work ☹

```plaintext
var receiveMessage = function receiveMessage(event) {
      if (!isAllowedOrigin(event.origin)) {
        return;
      }

      if (event.data.command === 'resize' && event.data.secret) {
        var card = _this.activeCards[event.data.secret];
        if (!card || !card.el) {
          return;
        }
        var newHeight = event.data.options.height;
        if (newHeight !== undefined) {
          card.el.height = newHeight;
        }

```

---

<div class="post-metadata">

**Author:** ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)\
**Post date:** [December 4, 2025, 11:33am UTC](https://meta.discourse.org/t/trello-card-onebox/24762/20 "2025-12-04T11:33:31Z")

</div>


