Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Trello dashboard using Bootstrap and JQuery
<title>A Trello Dashboard</title>
<link rel="stylesheet" media="screen" href="">
<div class="container">
<h1>Trello Dashboard</h1>
<form class="form-horizontal" id="boards_form">
<div class="form-group">
<label class="control-label">Choose your board</label>
<select class="form-control" id="boards"></select>
<div id="labels"></div>
<script src="" type="text/javascript"></script>
<script src="[AppKey]"></script>
<script type="text/javascript">
var loadedBoards = function(boards) {
$.each(boards, function(index, value) {
var loadBoards = function() {
//Get the users boards
function() { console.log("Failed to load boards"); }
var loadedLabels = function(labels) {
$.each(labels, function(index, label) {
var label = $("<p><span class='badge' style='background:" + label.color + ";'>" + label.uses + "</span> " + + "</p>");
$('#boards').change(function() {
var boardId = $("option:selected", this).val();
'/boards/' + boardId + '/labels',
function() { console.log("Failed to load labels"); }
type: "popup",
name: "Trello dashboard",
scope: {
read: true,
write: false },
expiration: "never",
success: loadBoards,
error: function() { console.log("Failed authentication"); }

This comment has been minimized.

Copy link

@coccoinomane coccoinomane commented Aug 29, 2018

Great snippet, thank you!
I have made it working but for one detail: the uses property of the label object is undefined:

label object

I have tried accessing the API directly via Postman, and still no uses property (reference):

label json

Am I doing something wrong, or maybe the API does not support anymore the uses property?

Thank you,


This comment has been minimized.

Copy link

@kshksdrt kshksdrt commented Sep 8, 2019

Can I pass an argument(containing the data) to the success function of Trello.get()?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.