Loading Spinner full Height


As the title says How can I achieve a loading spinner inside ion content to fill all the space before it hides just like this:


simple with css and maybe a little bit javascript for calculating the correct height.

But why don’t you use the loading overlay?

hide the backdrop and only show the spinning icon?


my layout(data) are still loaded in the background so i need to show first a loading icon in order to make sure the data are loaded before user can see the next page…


eehhm and there are things like ng-if oder ng-show to hide your content of the page until everything is loaded?

so you can listen on ionViewWillEnter --> show the loading layer and hide the content
if the data is loaded --> hide the loading layer and show the content…

nothing special here


yeah I already did it just curious about the loading css… thnx again…