I just implemented IE8 WebSlices in an internal application – three minutes.

Last week myself and some co-workers launched a new internal business intelligence application to help us better identify issues out in the field – basically it is a worm (ala television debates) which takes the pulse of people across the Readify business.

WebSliceSampleData

Please note this isn’t the live data, we are just doing something to our test SQL server at the moment so I can’t show the real stuff right now (I would if I could – honest).

Anyway, after a few minor tweaks to the HTML in the page (basically adding a container div, a header and content div with special class values) I got the desired effect.

WebSliceCode

For the observant I am using the Google Charts API exposed to ASP.NET through this neat control written by Chris Pietschmann (when is Microsoft going to ship a charts API so that I don’t have to use Google?). Anyway, once this is done, the magic happens and hey presto, I’ve got WebSlices!

WebSliceGlyph

Which means that I can add it to the top of my IE8 window, like this.

image

I think the Internet Explorer team has done a really great job of making this particular feature brain dead simple which should help drive adoption. I’m always checking this page during the day at the moment so this will allow me to take a quick peak.

If you want to implement WebSlices in your own applications check out these resources.

Got any questions – post a comment!

5 thoughts on “I just implemented IE8 WebSlices in an internal application – three minutes.

  1. simonjgreen

    This is extremely cool. It’s a bit like RSS but with absolutely any content and styled however you want. I can’t see it replacing RSS because it’s obviously not as portable, but very useful if you want to track a chunk of a site while you’re doing somehting else.

    I don’t doubt it will be long before a firefox extension crops up to support the same feature.

  2. pbhj

    I’ve had a quick go too using the info at http://msdn2.microsoft.com/en-us/library/cc304073(VS.85).aspx

    Could be my implementation (using the rel=”feedurl” attribute to give a navigation route from the webslice to the relevant page) but once I’ve followed the slice I only get that slice when I navigate to the page. Hmmm. Otherwise I’ll be adding this to webpages I design shortly.

    Is this in Firefox / Gran-Paradiso yet?

  3. Pingback: ReadiMIX Slides, Code and Links - ASP.NET MVC Preview 2 « Enter the Tatrix

  4. Pingback: Microsoft Activities un Webslices iekš Firefox

  5. john ddenz

    I like more how the web slices idea is implemented in the Firefox browser.
    “PageSlices for Firefox” add-on allows to create web slice from any part of any web page.
    Web site of the project: http://pageslices.net

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s