
Announcements
Hi everyone,
How do you create a load spinner in Power Pages? How do you display and hide a load spinner on a Basic Form Popup Dialog?
Can you send me some examples in JS, please?
The Load spinner display during the update of the field value (on change) or during send click button:
Many Thanks!
Hi @David_Pezzoli ,
To create spinner you need to add the below HTML and CSS
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
<div class="loader"></div>
To show and hide this spinner you need to use the below code
//Hide
$('.loader').style="display:none"
//Show
$('.loader').style="display:auto"
If this post helps you with your problem, please mark this answer as Accepted Solution.
If you like my response, please give it a Thumbs Up.