Creating an improved build status page for TFS 2015 with Knockout.js and Bootstrap

March 14, 2017

When transitioning 200-300 build definitions from XAML to vNext, my primary concern was, naturally, making sure the new builds worked consistently. The build overview page built-in to TFS 2015 displays all the builds that have run for a particular team project, in the order they were run. However, when you have multiples of some builds, and others that haven’t built recently, it becomes difficult to track which builds need some TLC. I needed a way to quickly view the status of the latest build from each definition, preferably without adding too much extra development time to an already overdue project.