Let's begin with a very simple markup, shown here in the Source view:

Figure 6.1.1: The initial simple markup for this chapter
If we switch over to the Design view, all we have is a button that says Show Balance, and under it a Label control where the balance can actually be displayed, as shown in the following screenshot:

Figure 6.1.2: The initial interface in the Design view