Creating a Silverlight 2 Application by Combining Expression Blend and Visual Studio 2008
Click on the Properties tab on the right-hand side. Now, modify the following properties of the button as follows.
The output is seen in Figure 13.
Figure 13: Setting the color and font properties for the button control
Similarly, create another eight buttons and lay them out as you would see on a calculator. Number them from 2 to 9 and name the remaining buttons 0, C, and the dot (decimal point). They are Zero, Cancel, and Dot for entering decimal values. The layout is seen in Figure 14. You can select the first button, press Ctrl+C to copy it, and then press Ctrl+V to paste it. Then, use the mouse to adjust the layout of the newly created button.
Figure 14: Copying and pasting the same button and creating multiple controls
Now, add two more controls (one textbox and one list box). Note that Silverlight 2 Beta 2 doesn't support a drop-down list box, so you will have to use a list box control to show multiple values from which you can select one. Adjust them as seen in Figure 15.
Add two more buttons on the right of the numeric buttons so that you will be able to save the expenditure as well as exit from the screen. The final output is seen in Figure 15.
Figure 15: Add the listbox and the TextBlock controls
Now remember, as said earlier, that you have opened both the solution files in VS2008 as well as Expression Blend. So, as you were editing the file in Expression Blend, VS2008 was in the background. If you switch to VS2008, you will get a dialog box saying that the file was updated outside of the editor and prompting if you want to update those changes.
Page 6 of 8