Central Florida Software Blog - IE8 http://www.centralflsoftware.com/blog/ Innovation. Imagination. Delivered. en-us Christopher L Price Mon, 27 Jul 2009 13:30:15 GMT newtelligence dasBlog 2.3.9074.18820 blog@centralflsoftware.com blog@centralflsoftware.com http://www.centralflsoftware.com/blog/Trackback.aspx?guid=bdbe9c48-e603-43ef-9980-08bfbfe025f5 http://www.centralflsoftware.com/blog/pingback.aspx http://www.centralflsoftware.com/blog/PermaLink,guid,bdbe9c48-e603-43ef-9980-08bfbfe025f5.aspx Christopher Price 28.171599 -82.001953 http://www.centralflsoftware.com/blog/CommentView,guid,bdbe9c48-e603-43ef-9980-08bfbfe025f5.aspx http://www.centralflsoftware.com/blog/SyndicationService.asmx/GetEntryCommentsRss?guid=bdbe9c48-e603-43ef-9980-08bfbfe025f5

Enabling a Web Slice

Web Slices are new feature in IE 8 that allow your users to bookmark specify content on your site. Implementing this feature is easy and can be accomplished in a few lines of code. The keys are:

  1. Use the 'hslice' class
  2. Specify a slice id
  3. Specify an 'entry-title'
  4. Specify 'entry-content'
  5. Use optional attributes (see IE8 Readiness Toolkit)
The code sample below highlights the required attributes in red and the optional attributes in blue.

The Web Slice User Experience

When a user views your web slice enabled page in IE8, the user is presented with a button that allows him/her to add the slice.

A confirmation dialog appears, displaying the name of your web slice and the location.

Once the user has added the slice, a button is added to the browser toolbar. (User can delete the slice by 'right-clicking' the slice name and then choosing delete.)

When the user clicks the slice button. The slice content is displayed. Two buttons give the user the ability to both refresh the slice and to navigate to your page which contains the slice.

Web Slices in IE8 http://www.centralflsoftware.com/blog/PermaLink,guid,bdbe9c48-e603-43ef-9980-08bfbfe025f5.aspx http://www.centralflsoftware.com/blog/2009/07/27/WebSlicesInIE8.aspx Mon, 27 Jul 2009 13:30:15 GMT <h3>Enabling a Web Slice </h3> <p> Web Slices are new feature in IE 8 that allow your users to bookmark specify content on your site. Implementing this feature is easy and can be accomplished in a few lines of code. The keys are: </p> <ol> <li> Use the 'hslice' class</li> <li> Specify a slice id</li> <li> Specify an 'entry-title'</li> <li> Specify 'entry-content'</li> <li> Use optional attributes (see <a href="http://www.microsoft.com/windows/internet-explorer/readiness/default.aspx">IE8 Readiness Toolkit</a>)</li> </ol> The code sample below highlights the required attributes in red and the optional attributes in blue. <img border="0" src="http://www.centralflsoftware.com/blog/content/binary/ws_ss5.jpg"> <h3>The Web Slice User Experience </h3> <p> When a user views your web slice enabled page in IE8, the user is presented with a button that allows him/her to add the slice.<br /> <br /> <img border="0" src="http://www.centralflsoftware.com/blog/content/binary/ws_ss1.jpg"> </p> <p> A confirmation dialog appears, displaying the name of your web slice and the location.<br /> <br /> <img border="0" src="http://www.centralflsoftware.com/blog/content/binary/ws_ss2.jpg"> </p> <p> Once the user has added the slice, a button is added to the browser toolbar. (User can delete the slice by 'right-clicking' the slice name and then choosing delete.)<br /> <br /> <img border="0" src="http://www.centralflsoftware.com/blog/content/binary/ws_ss3.jpg"> </p> <p> When the user clicks the slice button. The slice content is displayed. Two buttons give the user the ability to both refresh the slice and to navigate to your page which contains the slice.<br /> <br /> <img border="0" src="http://www.centralflsoftware.com/blog/content/binary/ws_ss4.jpg"> </p> <img width="0" height="0" src="http://www.centralflsoftware.com/blog/aggbug.ashx?id=bdbe9c48-e603-43ef-9980-08bfbfe025f5" /> http://www.centralflsoftware.com/blog/CommentView,guid,bdbe9c48-e603-43ef-9980-08bfbfe025f5.aspx IE8 Web Design