Loading Spinner full Height


#1

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:


#2

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

But why don’t you use the loading overlay?
https://ionicframework.com/docs/api/service/$ionicLoading/

hide the backdrop and only show the spinning icon?


#3

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…


#4

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


#5

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