CSS Style Bar Graphs using Data Views

re: CSS Style Bar Graphs using Data Views

Michael Greth — Sun, 29 Jun 2008 11:26:53 GMT

Hi Jon, for my MS Press Book (in German) "SharePoint Designer 2007 - Das Handbuch" I recorded a screencast which shows this kind of customiziation see http://www.sharepointdesignerhandbuch.de/ under screencasts "NC02 Datenvisualisierung" and some other examples

Bookmarking the web - w26/2008 - double density design

Bookmarking the web - w26/2008 - double density design — Sun, 29 Jun 2008 21:18:17 GMT

PingBack from http://www.d2design.be/bookmarking/bookmarking-the-web-w262008/

re: CSS Style Bar Graphs using Data Views

Pranav — Tue, 08 Jul 2008 14:57:44 GMT

this really is a great workarround... u rock

re: CSS Style Bar Graphs using Data Views

Ben Schlaepfer — Fri, 25 Jul 2008 20:23:22 GMT

I just worked through this today and your tutorial plus a bit of extra CSS has produced excellent results.

One issue I have is in exporting the Webpart from the Webpart Page that I created it from and importing onto my team site homepage - the page breaks. Even exporting and importing into the same page throws the error page.

Any ideas why this may be?

re: CSS Style Bar Graphs using Data Views

Ben Schlaepfer — Mon, 28 Jul 2008 12:10:41 GMT

Hi again.

I solved my problem re: exporting and importing the web part. I had based the data view on a list view in SPD originally. When I created a new DataFormWebPart from scratch then applied the tutorial to that it worked fine.

My teamsite now has a funky Milestone Slip Chart based on a simple SharePoint list!

Thanks for the post.

re: CSS Style Bar Graphs using Data Views

Christophe — Tue, 09 Dec 2008 16:32:30 GMT

On my blog, I show how to do something similar without the need for SharePoint Designer (sorry;-) ):

http://pathtosharepoint.wordpress.com/2008/09/02/a-progress-bar-for-your-tasks-list/

http://pathtosharepoint.wordpress.com/2008/10/21/progress-bar-color-coding/

Christophe

re: CSS Style Bar Graphs using Data Views

Sam — Tue, 23 Dec 2008 19:19:03 GMT

Nice work around!

I do have an issue though, did you try this with 100% complete. It seems to take the full 100% width of the column and ineviably wrap to the second line. I end up with the graph on the second line which spoils the look.