Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
developer foxdeveloper fox 

how to add loading spinner on salesforce lightning component ?

i am new for lightning and i have a lightning component and i want add a loading spinner when response is coming from server.
please help thanks in advance
Best Answer chosen by developer fox
sfdcMonkey.comsfdcMonkey.com
hi developer fox 

try this code for loading spinner -:
for your component -: 
<aura:component>  
      <aura:handler event="aura:waiting" action="{!c.waiting}"/> 
      <aura:handler event="aura:doneWaiting" action="{!c.doneWaiting}"/>
    
  <span id="Accspinner" style="display:none"><ui:spinner /></span>

</aura:component>

for js Controller -: 
waiting: function(component, event, helper) {
    document.getElementById("Accspinner").style.display = "block";
 },
 
   doneWaiting: function(component, event, helper) {
   document.getElementById("Accspinner").style.display = "none";
 },

Thanks 
Please mark it as solved if this helps you

All Answers

sfdcMonkey.comsfdcMonkey.com
hi developer fox 

try this code for loading spinner -:
for your component -: 
<aura:component>  
      <aura:handler event="aura:waiting" action="{!c.waiting}"/> 
      <aura:handler event="aura:doneWaiting" action="{!c.doneWaiting}"/>
    
  <span id="Accspinner" style="display:none"><ui:spinner /></span>

</aura:component>

for js Controller -: 
waiting: function(component, event, helper) {
    document.getElementById("Accspinner").style.display = "block";
 },
 
   doneWaiting: function(component, event, helper) {
   document.getElementById("Accspinner").style.display = "none";
 },

Thanks 
Please mark it as solved if this helps you
This was selected as the best answer
krishna chaitanya 35krishna chaitanya 35
Hi soni piyush,

Can you help me to solve this issue:
I have an requirement to override standard salesforce page with visualforce page in "New" button for opportunity ,it is working in salesforce classic as expected but the same is not working in lightning experience.can any one help me on this how to re-direct in lightning salesforce.
My code:
Page:
<apex:page standardController="Opportunity" extensions="MyController" action="{!redirect}"> </apex:page>

Controller:
public with sharing class MyController{

    public MyController(ApexPages.StandardController controller) {

    }

    public PageReference redirect() {
           PageReference pr = new PageReference('/006/e');
           
            pr.getParameters().put('retURL',ApexPages.currentPage().getparameters().get('retURL'));    
            pr.getParameters().put('ent',ApexPages.currentPage().getparameters().get('ent'));  
            pr.getParameters().put('nooverride','1');  
            pr.getParameters().put('opp3', 'Name_Opco_Product');
          
           return pr;
     
    }
}

Thanks in advance,
Krishna.
FABIO LUPOFABIO LUPO
From the aura:waiting docs:

We don't recommend using the legacy aura:waiting event except as a last resort. The aura:waitingapplication event is fired for every server request, even for requests from other components in your app. 

Instead. You could follow the instructions in:
https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/aura_compref_ui_spinner.htm