title: Ionic 3 Loading Component not fullscreen
body: <p>When we use LoadingController in Ionic 3, it takes the fullscreen control.</p>
  
  <p>Is it possible to create loading  screen just for an HTML element?
  For Example I have 4 cards displayed in a page and each of them will show the loading until the data is loaded. In the mean time, rest of the elements should be available to the user. </p>
  
  <p>I have tried to implement it but can not find help from Ionic 3 <a href="https://ionicframework.com/docs/api/components/loading/LoadingController/#loading-controller" rel="nofollow noreferrer">Doc</a></p>
  
  <p>I have tried custom loading with the following code but it did not work. It still takes the full screen.</p>
  
  <p>TS page:</p>
  
  <pre><code>presentLoadingCustom() {
    let loading = this.loadingCtrl.create({
      spinner: 'hide',
      content: `
        &lt;div class="custom-spinner-container"&gt;
          &lt;div class="custom-spinner-box"&gt;&lt;/div&gt;
        &lt;/div&gt;`,
      duration: 5000
    });
  
    loading.onDidDismiss(() =&gt; {
      console.log('Dismissed loading');
    });
  
    loading.present();
  }
  </code></pre>
  
  <p>HTML page:</p>
  
  <pre><code>&lt;div class="custom-spinner-container"&gt;
  &lt;div class="custom-spinner-box"&gt; My content here...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>