Skip to content
Navigate your population of TFS work items with the power of silverlight pivot viewer and deep zoom
C# CSS ASP
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Libs
TfsVisualizer.ServerCore
TfsVisualizer.Silverlight
TfsVisualizer
.gitignore
LICENSE
README.md
TfsVisualizer.sln
screenshot1.png
screenshot2.png

README.md

TfsPivotViewer

Navigate your population of TFS work items with the power of silverlight pivot viewer and deep zoom

###Navigate TFS in turbo mode

  • Minimal installation: install/register an http handler, add the XAP to a page and thats it
  • Works in SharePoint, MVC, ASPX sites or any other IIS site

This solution contains a silverlight application which reads query string filters (project name, iteration, area path) and calls an HTTP handler. The HttpHandler which will query TFS and return work items in JSON which the silverlight application binds to a pivot viewer. Silverlight 5 required.

Screenshot 1 Screenshot 1

Installation

  • Copy the TfsVisualizer dll to the bin of your web site
  • Register the http handler like below (this is a handler registration for integrated pipeline mode):
<handlers>
      <add name="DeepZoomHandler" path="*TfsWorkItems.json" verb="GET" type="TfsVisualizer.ServerCore.TfsVisualizerHttpHandler, TfsVisualizer.ServerCore, Version=1.0.0.0, Culture=Neutral, PublicKeyToken=d4c878a462b19749"/>
</handlers>
  • Add a web.config appsetting specifying where your TFS server is located:
<add key="TfsServerUrl" value="http://yourtfsserver:8080/tfs/" />
  • Copy the xap to an accessible location within the same site
  • Edit a page to reference the xap:
    <object id="4" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
        <param name="source" value='@Url.Content("~/ClientBin/TfsVisualizer.Silverlight.xap")'/>
        <param name="onError" value="onSilverlightError" />
        <param name="background" value="white" />
        <param name="minRuntimeVersion" value="4.0.50401.0" />
        <param name="autoUpgrade" value="true" />
        <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50401.0" style="text-decoration: none">
            <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style: none" />
        </a>
    </object>
    <iframe id="_sl_historyFrame" style="visibility: hidden; height: 0px; width: 0px; border: 0px"></iframe>
  • You can edit the URL of the http handler for the silverlight app using the initParams - HttpHandlerUri property. In this example I am setting the url to a SharePoint location
        <param name="initParams" value="HttpHandlerUri=https://sharepoint/portal/_layouts/TfsWorkItems.ashx?i=1" />
  • use Silverlight.js if desired

Usage

Browse to the page. To improve performance, filter by project name, iteration or area path such as:

http://path.tosite/page.html/?ProjectName=MyProjec&IterationPath=myIterationPath

You can’t perform that action at this time.