Hello everyoneSo i want to have a loading animation perform when i press a button. In reactive it work well, but in traditional for some reason it just a static spinner icon, no spin no nothing, after i press the button it just appear and stay put. Can someone help me with this? Here is my basic OML with a button to enable the spinner., Thank you in advancesPS: I did saw some forge components that support my question with ease, but i'm trying to not use as much forge component as possible
Hi @Long Truong Hoang ,
Applying the following CSS to the container holding your icon will create a spinning animation:
.spin {
animation: spin 1s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
to {
transform: rotate(360deg);
Please check the updated OML.
Hi @Long Truong Hoang
You can check oml file below I attached
.loading-spinner{
animation: rotation 1s linear infinite;
@keyframes rotation {
0% {
100% {
I hope this helps
thanks
This seems to be the behavioral difference between Traditional and Reactive.
CSS animations in reactive feel more natural but in Traditional, if a button triggers full screen submit instead of an Ajax Submit, the browser refreshes the page (CSS animations wont get a chance to run.)