How can I use the SLDS card for displaying important Customer information?

32    Asked by DavidPiper in Salesforce , Asked on Apr 18, 2024

I am currently engaged in a particular task in which I need to design a user interface for a customer relationship management system by using the Salesforce lightning design system. How can I use the SLDS card to display important customer information such as contact details, recent interactions, and upcoming tasks in a visually appealing and user-friendly manner? 

Answered by debbie Jha

 In the context of Salesforce, you can use the SLDS cards for displaying customer information in a CRM system by using the SLDS Components like for creating a visually appealing and structured layout. Here is how you can approach it by using SLDS and a sample code snippet:-

First, you would need to create a lightning Component in your salesforce org for encapsulating the card functionality.

Now you would need to add the SLDS styling and include the relevant customer information field within the lightning: card.

Now you can use the SLDS classes for styling the card and its contents for consistency and adherence for salesforce UI guidelines.

Finally you can integrate the “customerInformationCard” Component into your CRM page or even relevant lightning Component fir actual usage.

Here is and example given of how you can use the SLDS cards for displaying customers information in a CRM system:-


Your Answer