Beginning Web Development, Silverlight, and ASP.NET AJAX

CHAPTER 8 ■ .NET 3.0: WINDOWS PRESENTATION FOUNDATION 203
17. Running the application will now give you the data neatly separated within the list
(see Figure 8-25).
Figure 8-25. Binding the data with an enhanced template
Adding a Simple Timeline Animation
Now, the designer is likely to want to have some kind of UI glitz happening. For this
example, we will make the list box fade in from invisible as it slides in from the left-hand
side. This is achieved using animation timelines.
First you will want to create the trigger that fires when the button is clicked. You do
this by selecting the button in the Objects and Timeline pane, and then the + Event Trigger
button in the Triggers pane. The IDE will create the default trigger, which is
Window.Loaded. Don’t worry!
Underneath the Window.Loaded entry in the Triggers window, you will see the trigger
definition section—it reads “When Window Loaded is raised,” with “Window” and “Loaded”
as drop-downs (see Figure 8-26).