title: Where do I place busyindicator to wrap the whole page, so no control is enabled until activity is completed
body: <p><br>
  I am creating an app in Silverlight 4 with MVVM Light.</p>
  
  <p>At present I have a page with many controls ie. StackPanels, Listbox, TexBlocks and Buttons. I have a busyindicator on the page that is bound to a viewmodel. When a button is clicked to say retrieve data from the database the busyindicator displays and vanishes when the call is completed.</p>
  
  <p>This all works as it should.</p>
  
  <p>What I want to happen is that the whole page is wrapped in the busyindicator so that the page dims and nothing works until the event is completed. I have read that you just wrap the control inside the Busyindicator.
  No matter where I place the opening of the indicator I get blue lines showing '<strong>The property Content is set more than once.'</strong>
  I have posted the code below, could anyone explain where to put the indicator code. </p>
  
  <p></p>
  
  <pre><code>        &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition Height ="0" /&gt;
              &lt;RowDefinition Height ="30" /&gt;
              &lt;RowDefinition Height ="60" /&gt;
              &lt;RowDefinition Height ="Auto" /&gt;
              &lt;RowDefinition Height ="40" /&gt;
          &lt;/Grid.RowDefinitions&gt;
  
          &lt;TextBlock Grid.Row="1" Grid.Column="0" Text="Header" Width="353" Margin="0 0 0 0" Height="30" /&gt;
  
          &lt;StackPanel Grid.Row="2"  VerticalAlignment="Center" Orientation="Horizontal" &gt;
  
              &lt;Button Grid.Row="2" Grid.Column="0" Content="GetData" Height="35" Width="130" HorizontalAlignment="Left" Margin="0,0,0,0"  Command="{Binding GetData}"&gt;&lt;/Button&gt;
              &lt;!--  &lt;toolkit:BusyIndicator Width="150" Height="50" IsBusy="{Binding IsBusy}" BusyContent="Searching ..."  /&gt; --&gt;
  
          &lt;/StackPanel&gt;
  
          &lt;ListBox x:Name="MyListBox" Grid.Row="3"&gt;
              &lt;ListBox.ItemTemplate&gt;
                  &lt;DataTemplate&gt;
                      &lt;Grid&gt;
                          &lt;Grid.RowDefinitions&gt;
                              &lt;RowDefinition Height="Auto"&gt;&lt;/RowDefinition&gt;
                              &lt;RowDefinition Height="Auto"&gt;&lt;/RowDefinition&gt;
                          &lt;/Grid.RowDefinitions&gt;
                          &lt;Grid.ColumnDefinitions&gt;
                              &lt;ColumnDefinition Width="400"&gt;&lt;/ColumnDefinition&gt;
                              &lt;ColumnDefinition Width="70"&gt;&lt;/ColumnDefinition&gt;
                              &lt;ColumnDefinition Width="10"&gt;&lt;/ColumnDefinition&gt;
                              &lt;ColumnDefinition Width="70"&gt;&lt;/ColumnDefinition&gt;
                          &lt;/Grid.ColumnDefinitions&gt;
  
                          &lt;TextBlock Grid.Row="0" Grid.Column="0" VerticalAlignment="Center" Text="{Binding Name}"&gt;&lt;/TextBlock&gt;
  
                          &lt;Button Grid.Row="0" Grid.RowSpan="2" Grid.Column="3" Content="Delete" VerticalAlignment="Center" 
                              Command="{Binding Delete}"&gt;&lt;/Button&gt;
                      &lt;/Grid&gt;
  
                  &lt;/DataTemplate&gt;
              &lt;/ListBox.ItemTemplate&gt;
          &lt;/ListBox&gt;
  
          &lt;TextBlock Grid.Row="4" Margin="5,10,0,0" Text="{BindingMessage}"&gt;&lt;/TextBlock&gt;
  
  &lt;/Grid&gt;
  </code></pre>