title: Nativescript Angular 2 disable background tap events
body: <p>I have a login button which when clicked will log the user in by making http calls to the server.</p>
  
  <p>While this is happening I want the activity indicator to show up and disable the button and every other thing on the page and just show the activity indicator over it.</p>
  
  <p>Note that I will place time outs and other measures to make sure that the Activity indicator doesn't end up trapping the user.</p>
  
  <p>Also, I do not want the content in the background to disappear. I just want the activity indicator to overlap it.</p>
  
  <p>Here is my ui code which was taken for this SO answer <a href="https://stackoverflow.com/a/39124735/4412482">https://stackoverflow.com/a/39124735/4412482</a></p>
  
  <pre><code>&lt;GridLayout&gt;
      &lt;StackLayout&gt;
    //page content goes here
  &lt;/StackLayout&gt;
      &lt;/StackLayout&gt;
      &lt;StackLayout class="dimmer" visibility="{{showLoading ? 'visible' : 'collapsed'}}"&gt;&lt;/StackLayout&gt;
      &lt;GridLayout rows="*" visibility="{{showLoading ? 'visible' : 'collapsed'}}"&gt;
         &lt;ActivityIndicator busy="true" width="50" height="50"  color="#0c60ee"&gt;&lt;/ActivityIndicator&gt;
      &lt;/GridLayout&gt;
  &lt;/GridLayout&gt;
  </code></pre>