Loading always with backdrop

[piernik]

As in topic
Here's example: http://codepen.io/piernik/pen/BDClo/

[calendee]

@ajoslin

This problem still exists. The showBackDrop doesn't help because the .loading class that is applied has it's own background-color.

See : http://codepen.io/calendee/pen/FHDKq

I tried just commenting out that in code, but it doesn't get applied.

[eliabruni]

Hei, any update on this? Is there any dirty hack to remove the backdrop - the app looks really buggy with it :/

[ajoslin]

Check out the latest version of ionic and the docs for it: http://ionicframework.com/docs/api/service/$ionicLoading

[eliabruni]

I've been trying the latest version, but no real effects
http://codepen.io/eliabruni/pen/vGBcx

On Wed, Apr 30, 2014 at 10:55 PM, Andy Joslin [email protected]:

Check out the latest version of ionic and the docs for it:
http://ionicframework.com/docs/api/service/$ionocLoading

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/837#issuecomment-41849178
.

[ajoslin]

You have noBackdrop set to false, so it will show the backdrop!

Set it to true and it works :-)

[eliabruni]

Ups, 'cause I was trying back and fort, also set to true it doesnt at least
on the browsers..

On Wed, Apr 30, 2014 at 11:52 PM, Andy Joslin [email protected]:

You have noBackdrop set to false, so it will show the backdrop!

Set it to true and it works :-)

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/837#issuecomment-41855815
.

[vamshi4001]

I was redirected here form an ionicforum post where I can't see the text but only the ionic loading icon. But i don't seem to find right solution.

For me, backdrop is working fine. but not seeing my message 'fetching images' though I give content as ' Fetching images'

Following is my code

$scope.show = function(message){
      $scope.loading = $ionicLoading.show({
          content: '<i class="ion-loading-c"></i> '+ message,
          animation: 'fade-in',
          noBackdrop: false,
          maxWidth: 200,
          showDelay: 500
      });
  }

I see only that small loading icon with dimmed screen but not my message :(

[greemwahr]

The artefact is still happening up to 1.0.0-RC1 but you can make it go away using sass. You just have to target the right class.

.loading-container .loading {
  padding: 20px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0);