Hi,
I am not able to make the background dialog box blur. When the 1st dialog box came, the background HTML was blurred. But from that dialog box, I created another dialog box upon clicking a button. That time the previous dialog box is not getting blurred.

I have used <div class="slds-backdrop slds-backdrop--open"></div> . Still it's not working. Below is the screenshot.


Below is the code -

<aura:component controller="billingController">
    <aura:attribute name="billId" type="String"/>
    <aura:attribute name="total" type="Decimal"/>
    
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/> 
    <div aura:id="modalDiv1">
        <div role="dialog" class="slds-modal slds-fade-in-open slds-modal_small" >
            <div class="slds-modal__container">
                <div class="slds-modal__header">
                    <button class="slds-button slds-modal__close slds-button--icon-inverse" title="Close" onclick="{!c.handleCloseModal}">
                        X<span class="slds-assistive-text">Close</span>
                    </button>
                    <h1 class="slds-text-heading--medium">Billing Id from billing system is : </h1>
                </div>
                <div class="slds-modal__content slds-p-around--medium">
                    <div class="slds-align_absolute-center">
                        {!v.billId}
                    </div>
                </div>
            </div>
        </div>
     <div class="slds-backdrop slds-backdrop--open"></div>   
    </div>
</aura:component>

Please help. Thank you.

- Payel

Hi All

I have my own table here:
I would like to be able to click on any of the cells inside the table and it will open a box with fields to enter.

For example in the standard view of the SF Calendar it has a button to create a new event when you select a date.

I want this similar functionality but by clicking on a cell inside the table.

Could someone please guide me into achieving this?

Hi, I'm fairly new to SF and could use a little help pointing me in the right direction.

I've been tasked with creating a Lightning component that can be placed on any page in SF that will track who the user is, what form factor they're using, which page they're visiting, and optionally, a record ID if the page they're viewing has one (e.g. Contacts, etc.).

I'm familiar with LWC, but this won't have a UI, so I'm not sure where to start. The goal is to have a component that can be added to most pages where we want to track this information.

Thank you!

Hello all, 
I have a requirement in which I need to display list of account records and each account record should hold its contact records and each contact records will also have some other information in a seperate row below. 
I want to have a collapisible buttonicon on each account records and contact reocrds. when I click account record collapisible button it should show or hide its contacts, similiarly when I click on contact's collapsible icon it should show or hide some contact below it. 
This is my sample code. 
 

<aura:component implements="flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId" controller="Accountcon" access="global" >
	<aura:attribute name="accounts" type="Account[]"></aura:attribute>
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"></aura:handler>
    <table class="slds-table slds-table_cell-buffer slds-table_bordered">
        <tr class="slds-line-height_reset">
            <tr class="slds-truncate" ><b>Show</b></tr>
        <td class="slds-truncate" ><b>Name</b></td>               
        <td class="slds-truncate" ><b>Type</b></td>
        </tr>
        <aura:iteration items="{!v.accounts}" var="ac" indexVar="mylocIndex">
        <tr class="slds-hint-parent">
            <td> <lightning:buttonIcon value="{!mylocIndex}" iconName="{!ac.expanded?'utility:chevronright':'utility:chevrondown'}" onclick="{!c.toggle}" ></lightning:buttonIcon>
            </td>
        <td class="slds-truncate">{!ac.Name}</td>    
        <td class="slds-truncate">{!ac.Type}</td>
            </tr>
            <aura:if isTrue="{!ac.expanded}">
               <tr class="slds-line-height_reset">
                    <td class="slds-truncate" ><b>show</b></td>
            <td class="slds-truncate" ><b>Last Name</b></td>
                       
        <td class="slds-truncate" ><b>Email</b></td>
        </tr>
                    <b>Contact details</b>
            <aura:iteration items="{!ac.Contacts}" var="con">
               
               <tr class="slds-hint-parent">
                   <td> <lightning:buttonIcon value="{!mylocIndex}" iconName="{!ac.expanded?'utility:chevronright':'utility:chevrondown'}" onclick="{!c.toggle}" ></lightning:buttonIcon>
            </td>
                   <td class="slds-truncate">
                {!con.LastName}</td>
                   
                   <td class="slds-truncate">{!con.email}</td>
                </tr>
                <tr>this section should be shown or hidden onclick of collapsible button on the contact record </tr>
               </aura:iteration>
            </aura:if>
        
         </aura:iteration>
        </table>
</aura:component>




Controller.js

({
	doInit : function(component, event, helper) {
		var action = component.get("c.getacct");
        action.setCallback(this, function(action){
            component.set("v.accounts", action.getReturnValue());
        });
        $A.enqueueAction(action);
	},
     toggle :function(component, event, helper){
       
         var items = component.get("v.accounts"); 
        
        var index = event.getSource().get("v.value");
       items[index].expanded = !items[index].expanded;
       component.set("v.accounts", items);
        
        
    }
})


Apex class: 

public class AccountsController {
      @AuraEnabled
      public static List <Account> getAccounts() {
        return [SELECT Id, name, industry, Type, NumberOfEmployees, TickerSymbol, Phone, (select name, email, phone from contacts) FROM Account ORDER BY createdDate ASC limit 10];
      }
}

In my code when I click on the collapsible icon in contact it hides the entire contacts section. any help on this would be much appreciated. 
Thank you. 

Hi,
How to retrieve picklist values of a field dynamically and display it in Lightning Aura Component?

Rgds,
Vai.

Hi,
I am not able to make the background dialog box blur. When the 1st dialog box came, the background HTML was blurred. But from that dialog box, I created another dialog box upon clicking a button. That time the previous dialog box is not getting blurred.

I have used <div class="slds-backdrop slds-backdrop--open"></div> . Still it's not working. Below is the screenshot.


Below is the code -

<aura:component controller="billingController">
    <aura:attribute name="billId" type="String"/>
    <aura:attribute name="total" type="Decimal"/>
    
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/> 
    <div aura:id="modalDiv1">
        <div role="dialog" class="slds-modal slds-fade-in-open slds-modal_small" >
            <div class="slds-modal__container">
                <div class="slds-modal__header">
                    <button class="slds-button slds-modal__close slds-button--icon-inverse" title="Close" onclick="{!c.handleCloseModal}">
                        X<span class="slds-assistive-text">Close</span>
                    </button>
                    <h1 class="slds-text-heading--medium">Billing Id from billing system is : </h1>
                </div>
                <div class="slds-modal__content slds-p-around--medium">
                    <div class="slds-align_absolute-center">
                        {!v.billId}
                    </div>
                </div>
            </div>
        </div>
     <div class="slds-backdrop slds-backdrop--open"></div>   
    </div>
</aura:component>

Please help. Thank you.

- Payel

Hi, I'm fairly new to SF and could use a little help pointing me in the right direction.

I've been tasked with creating a Lightning component that can be placed on any page in SF that will track who the user is, what form factor they're using, which page they're visiting, and optionally, a record ID if the page they're viewing has one (e.g. Contacts, etc.).

I'm familiar with LWC, but this won't have a UI, so I'm not sure where to start. The goal is to have a component that can be added to most pages where we want to track this information.

Thank you!

Hello all, 
I have a requirement in which I need to display list of account records and each account record should hold its contact records and each contact records will also have some other information in a seperate row below. 
I want to have a collapisible buttonicon on each account records and contact reocrds. when I click account record collapisible button it should show or hide its contacts, similiarly when I click on contact's collapsible icon it should show or hide some contact below it. 
This is my sample code. 
 

<aura:component implements="flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId" controller="Accountcon" access="global" >
	<aura:attribute name="accounts" type="Account[]"></aura:attribute>
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"></aura:handler>
    <table class="slds-table slds-table_cell-buffer slds-table_bordered">
        <tr class="slds-line-height_reset">
            <tr class="slds-truncate" ><b>Show</b></tr>
        <td class="slds-truncate" ><b>Name</b></td>               
        <td class="slds-truncate" ><b>Type</b></td>
        </tr>
        <aura:iteration items="{!v.accounts}" var="ac" indexVar="mylocIndex">
        <tr class="slds-hint-parent">
            <td> <lightning:buttonIcon value="{!mylocIndex}" iconName="{!ac.expanded?'utility:chevronright':'utility:chevrondown'}" onclick="{!c.toggle}" ></lightning:buttonIcon>
            </td>
        <td class="slds-truncate">{!ac.Name}</td>    
        <td class="slds-truncate">{!ac.Type}</td>
            </tr>
            <aura:if isTrue="{!ac.expanded}">
               <tr class="slds-line-height_reset">
                    <td class="slds-truncate" ><b>show</b></td>
            <td class="slds-truncate" ><b>Last Name</b></td>
                       
        <td class="slds-truncate" ><b>Email</b></td>
        </tr>
                    <b>Contact details</b>
            <aura:iteration items="{!ac.Contacts}" var="con">
               
               <tr class="slds-hint-parent">
                   <td> <lightning:buttonIcon value="{!mylocIndex}" iconName="{!ac.expanded?'utility:chevronright':'utility:chevrondown'}" onclick="{!c.toggle}" ></lightning:buttonIcon>
            </td>
                   <td class="slds-truncate">
                {!con.LastName}</td>
                   
                   <td class="slds-truncate">{!con.email}</td>
                </tr>
                <tr>this section should be shown or hidden onclick of collapsible button on the contact record </tr>
               </aura:iteration>
            </aura:if>
        
         </aura:iteration>
        </table>
</aura:component>




Controller.js

({
	doInit : function(component, event, helper) {
		var action = component.get("c.getacct");
        action.setCallback(this, function(action){
            component.set("v.accounts", action.getReturnValue());
        });
        $A.enqueueAction(action);
	},
     toggle :function(component, event, helper){
       
         var items = component.get("v.accounts"); 
        
        var index = event.getSource().get("v.value");
       items[index].expanded = !items[index].expanded;
       component.set("v.accounts", items);
        
        
    }
})


Apex class: 

public class AccountsController {
      @AuraEnabled
      public static List <Account> getAccounts() {
        return [SELECT Id, name, industry, Type, NumberOfEmployees, TickerSymbol, Phone, (select name, email, phone from contacts) FROM Account ORDER BY createdDate ASC limit 10];
      }
}

In my code when I click on the collapsible icon in contact it hides the entire contacts section. any help on this would be much appreciated. 
Thank you. 

Hi,
How to retrieve picklist values of a field dynamically and display it in Lightning Aura Component?

Rgds,
Vai.