How to show loading panel


#1

How to show loading panel…I mean the view part of it…html element/stylesheet…


Simple package synchronization across devices for Atom
#2

Do you mean showing a panel from your package? What are you loading that takes so long?

Anyway, use the package-generator and the sample package brings up a panel. Just show whatever you want in the panel. Maybe an animated GIF?


#3

I want that to be on the center and the style guide shows… to use

<span class='loading loading-spinner-large inline-block'></span>

#4

What is the parent element of the loading spinner? You could center it using Flexbox like this:

<div class="loading-wrapper">
  <span class='loading loading-spinner-large inline-block'></span>
</div>
.loading-wrapper {
  display: flex;
}

.loading {
  margin: auto;
}

#5

Thanks…It is useful.