i am new to ionic. so this question many may find very basic. does you have a demo of backdrop and some detailed explanation how it works. more detailed than the docs … http://ionicframework.com/docs/api/service/$ionicBackdrop/ . if not a demo any other references would also be great. thanks friends. …

I would +1 this for sure @naveenkarippai1 . I also have this problem where I have an element I want to appear on top of $ionicBackdrop. The element (a password reset window in a div) always appears behind the $ionicBackdrop, regardless of its z-index. Right now, the z-index is set to 999999 !imp…

[image] Blank Starter A starting point for Ionic Demos Forked from [Ionic](http://codepen.io/ionic/)'s Pen [Pull To Refresh: Nightly](http://codepen.io/ionic/pen/mqolp/)....

Hi @mhartington , Thanks for the codepen but could you show how to bring a button element above/top of backdrop? Setting z-index of button doesn’t help! And,also closing a backdrop doesn’t seem to work from . Could you please help on that.

Thats not really the purpose of the backdrop to be honest. A Loading component may be a better fit [image] Blank Starter A starting point for Ionic Demos Forked from [Ionic](http://codepen.io/ionic/)'s Pen [Pull To Refresh: Nightly](http://codepen.io/ionic/pen/mqolp/). ... …

@mhartington Could you please suggest what component would fit for this purpose then?

[image] mhartington: A Loading component may be a better fit $ionicLoading would be a better fit

Hi @mhartington , $ionicLoading disable other elements on DOM? I wanted to open $ionicLoading on a button click and the same button should be displayed above $ionicLoading (but setting z-index doesn’t work) . Also, button cannot be clicked when $ionicLoading is active . it’s disabled? Inspecting DO…

Naveen. I dont think that’s going to work unless your button is a direct child of body. since the backdrop container is appended to the body, you wont be able to just set z-index in say a content div. Not sure if you could make that work with the ionic backdrop

Hi @djett , What could be a possible workaround?

With using ionic directives such as navbar / content etc im not sure there is a workaround. Because even if you create your own backdrop at the content level, it wont hide the navBar. I created a filterDirective in which the filter contain included a child div that served as the backdrop, and I co…

Backdrop example

demo

mhartington April 10, 2015, 2:26pm 12

$ionicLoading would be a better fit

Topic		Replies	Views
ionicLoading showBackdrop error in v1.0.0-beta.11 ionic-v1	0	486	August 18, 2014
Ionic backdrop z-index not working ionic-v1	0	822	December 16, 2016
How to show backdrop behind modal	12	20993	June 26, 2020
Ion-loading container Ionic Framework	0	344	December 2, 2019
IonicModal Highlight Backdrop-Elements for Walkthrough/Tutorial ionic-v1	0	855	March 22, 2016

Backdrop example

Related topics