Customizing SinglePageViewer (Part 3)

posted 2005-11-03

A few weeks ago, we created a functional (but ugly) ControlTemplate for SinglePageViewer. Now, we'll add visual polish to make our UI match the content we're displaying. I'm being lazy today, so I'm going to re-use the chocolate document I've shown before. Here's the screenshot, in case you haven't seen it:

An attractive multi-column document created using Avalon

The markup is too large to show inline, but you can download the full markup (and images) in this file: chocolate.zip.

If you look through the source markup, you'll notice heavy use of ControlTemplates and Triggers in order to achieve the custom look and subtle animation used in the sample. Aside from these Style declarations, the markup is pretty much the same as the last ControlTemplate we created -- we're still using a DocumentPageView, Slider, and a couple of Buttons.