We’re rewarding the question askers & reputations are being recalculated! Read more.

Questions tagged [lightning-design-system]

Questions related to Lightning CSS Framework called Salesforce Lightning Design System or SLDS for short. Specifically questions on how to use, getting certain features to work, and questions related to any of the suggested code or use cases on the Lightning Design System Website: https://www.lightningdesignsystem.com/ Lightning Experience UI, Lightning Components, Visualforce, and Lightning App Builder are all different but related tags.

Filter by
Sorted by
Tagged with
-2
votes
1answer
35 views

Progress Ring Lightning component [on hold]

Looking for sample code for progress Ring lightning component, that I can use for evaluating how many questions are answered in my app. Thanks!
2
votes
2answers
2k views

Aura:Method with Parameters / Conditional Component Instancing

I'm trying to make a component that can be used for many different scenarios. So I want to be able to use it in parent components. The idea is that the parent component would be used to create records ...
0
votes
1answer
347 views

Dynamically update Lightning path (Chevron)

My Lightning/Salesforce Path was displaying the Chevron based on the Case Pick list field which has 15 pick list options. Every Case is unique and doesn't require all the 15 options, how can I make my ...
0
votes
1answer
39 views

Formula Text value not appearing in Lightning component

I'd like to show the value of the formula text field. The formula text field is {!v.opptyOwnerName.Account_Name__c} but on the lightning page the value doesn't appear. FYI the Accounts {!v....
0
votes
1answer
446 views

Unable to fit table into lightning component, Clickable field in datatable

I am trying to display data nicely inside a component that is place in the left section of the page record, however i am really struggling with the following issues: For some reason all of the fields ...
0
votes
2answers
592 views

How to display old and new values in Lightning field

I have multiple lightning input field and my requirement is to display the old and changed values of the field in separate view. I am newbie to lightning and I am struggling to figure out the concept. ...
0
votes
0answers
17 views

How to Populate the pick list field value in lightning component

I have a custom lightning component that creates a new Task record. I use Ui:inputtext for status and priority field in Task .My requirement is i need to auto populate the default values for these two ...
1
vote
2answers
33 views

Increase Spacing Between Lightning-Icon and title

Trying to get the spacing between this icon and text. Any advice? <h3 slot ="title" class="slds-card__header-title slds-media__body"> <lightning-icon icon-name="standard:...
0
votes
0answers
17 views

SLDS via Node.js

I am trying to work with the Lightning Design System in a Node.js program and I have a question about the design tokens. What is the best way of either dynamically changing the design token values, OR,...
1
vote
2answers
577 views

SLDS not transferring to embedded Lightning app in VisualForce Page

This is my first time embedding a lightning app into a visualforce page so I might be missing something obvious or doing something that's not allowed. Please forgive me! I'm embedding a Lightning app ...
1
vote
1answer
532 views

lightning:input variant=“label-hidden” breaks column width setting - can I prevent without custom css?

I have a lightning component that includes a grid containing rows of lightning:input components. Because they are rows only the first row needs labels and all fields need to be the same width to keep ...
0
votes
1answer
698 views

How to use Salesforce Sans font in lightning component?

I have uploaded the Salesforce Sans font as satic resource in my dev org. How to use this sytle in my lightning component. <lightning:layout multipleRows="true"> <lightning:layoutItem ...
5
votes
1answer
417 views

Using SLDS icons in inline VisualForce page within managed package fails due to 302 redirect

I am currently creating a managed package and am running into a problem which I think others will or have also faced while deploying a package using lightning components which are optionally wrapped ...
1
vote
0answers
59 views

Unable to upload the LDS 2.10.0 as static resource

As we know that static resource has a limit of 5MB, I am trying to upload the LDS winter 20 as static resource, but its size is more than 5 MB https://lightningdesignsystem.com/downloads/ In this ...
1
vote
4answers
1k views

change slds-select icon

I want to change the icon on the right of a slds-select. the default looks like this: . But I would like mine to look like this: . This is my code: <lightning:select aura:id="title" value=...
1
vote
1answer
357 views

How to make lightning:progressIndicator read only?

We have a data entry form and we are using lightning:progressIndicator as a way to show their progress. However, we don't want the user to click-ahead nor do we want them to click back on the progress ...
0
votes
0answers
13 views

Mobile UI issue in lightning buttonMenu Aura Component

I just notice that Lightning:buttonMenu aura component size bigger in the mobile after winter 20 Salesforce release. Is it any way to control the size as previous because it's breaking our UI. Its ...
0
votes
1answer
1k views

Problems creating Comunity page on napili template (Salesforce Customer Community)

Dears, I have been trying to create a community page on napili template, but no success so far I set the page and have this error: If I take the : out from the arguments, leaving it as /case/...
0
votes
2answers
917 views

how to change button label in lightning.?

how to change button label when user click on this.I am using this: <aura:renderIf isTrue="{!v.UTList.UserTargetLists__r.length>0}"> <input type="button" class="btn btn-primary mb10 ...
0
votes
0answers
10 views

Is it possible to link slds to an embedded chat deployment?

I am building a chat deployment to be embedded on an external site. I created a custom prechat form using aura/lightning components that rely on styling from slds. When embedded in the external site, ...
0
votes
0answers
16 views

Render DesignAttribute configuration by visualforce page (LightningOut)

Hi I have a lightning component with design attributes. I want to render this component in salesforce classic view. So I have created a visualforce page and embedded the lightning component using ...
0
votes
0answers
14 views

Same file is getting attached “ total number of file times” through when i try to attach multiple file in SFDC lightning “KIndly assist”

Controller: handleSave: function(component, event, helper) { if (component.find("fuploader").get("v.files").length > 0) { helper.uploadHelper(component, event); } else {...
5
votes
2answers
831 views

How to get the display density in a lightning components controller?

Is it possible to see if a user is in Comfy or Compact display density in a lightning controller? This is a new feature since Winter '19 and I cant find any documentation about this.
2
votes
1answer
734 views

lightning:tab - wrap label text

did anyone was able to work with lightning:tab and find way to wrap text in label of tab? <lightning:tabset selectedTabId="{!v.selTabId}" > <lightning:tab aura:id="tab1" id="...
1
vote
1answer
91 views

LWC lightning-spinner not able to display the text

I am able to add a lightning-spinner in an LWC component, but I'm not able to display the text along with the spinner. I need some help regarding the same. I tried both alternate-text in HTML & ...
3
votes
1answer
543 views

Radio Button in Lightning Design

I want to use radio buttons in Lightning Design. In my Visualforce page, I am retrieving the options from my controller and doing something like this: <apex:repeat value="{!SiteDetails}" var="rad"&...
0
votes
1answer
30 views

LWC: How to potentially return several different object lists based on user input

I am trying to allow a user to select an object from a dropdown, and based on the chosen object, return a random number of records. The problem I'm having is that I am having trouble returning ...
0
votes
2answers
88 views

LWC: How to iterate over a list of SObjects

I'm trying to create a lightning web component that will iterate through existing objects, however, I'm not sure how to get it to render. Here is the Controller public with sharing class ...
-2
votes
1answer
29 views

actions popover is hidden in lightning:datatable

i am using plain lightning:datatable with actions column. but after click on action icon popover shows hidden in below row like image, same issue but no solutions cmp <aura:handler name="init" ...
0
votes
1answer
25 views

Need to wrap url inside lightning card

I am using lightning:formattedUrl to show the url. I don't want give label to this url, so the url should show iin raw format. However I am using it in card, and it is going beyond the card boundary....
3
votes
1answer
613 views

onclick not working for ui:outputcurrency

I have code that iterates over a list. for some reason the onclick method does not seem to fire. Is there something wrong in my code below? Also how can I get the index id of the clicked row ?` <...
0
votes
1answer
64 views

recordId is empty when overriding edit button in lwc?

I needed a custom popup for creating and editing a record. To achieve this I have created a LWC which will create and edit the record. I had wrapped this component with an aura component. and ...
0
votes
1answer
36 views

How to display the 3 records in a row using lightning layout with next & previous arrow buttons, clicking on it should display next set of 3 records

I am creating home page lightning component where i am displaying the records in the . I am trying to display the 3 records( each record in separate tile) using lightning:layout in a row. I should ...
5
votes
2answers
368 views

New SLDS class and attribute as of Spring '18 release - no documentation

I've noticed a new SLDS class that is being applied in Lightning Experience. There doesn't seem to be any documentation whatsoever of this class and it's not mentioned in the Spring '18 release part ...
12
votes
1answer
696 views

mCustomScrollbar not working when Locker Service is enabled in Salesforce-1

I am having problem when using mCustomScrollbar (GIT Hub) when locker service is activated. During initialization of mCustomScrollbar in the helper, it throws the following error [TypeError: ...
0
votes
1answer
633 views

Passing attributes between components

NewBee Lightning, I have a very small requirement of passing values from textbox of firstname field from one component to other component and last name field value from second component to first ...
0
votes
1answer
28 views

Not able to view line breaks i.e. \n

I have lightning component, which shows a dynamic message -4 Here is the component code-- <!-- Success Message Start --> <div class="slds-...
0
votes
1answer
1k views

Challenge Error: An external object with the API name Phone__x does not exist or it does not have a field with the API name 'UUID__c'

I am working on a Trail-head challenge "Lightning Connect" where i need to configure a external data source sync the external objects and need to create a Indirect Lookup to User Object. I have ...
1
vote
1answer
40 views

HTML Email Templates delivered Incompletely in Lightning List Email

I have few html email templates which are used to send mass emails to Contact and Campaigns. They are working fine in Salesforce classic whereas in Lightning, they are delivered incompletely. We need ...
0
votes
1answer
410 views

show updated fields without reloading Lightning page

We are creating an INVOICE through Lightning form. Once the cx filled the form and press SAVE button, we are making a REST api call to java application and getting more details like invoice number, id ...
1
vote
2answers
1k views

Default ScrollBar for Lightning Component no working in devices (iPad,iPhone)

I am not able to get the default scroll bar working for a div inside Lightning Component in devices. The default scroll bar is coming but when I try to scroll it in devices the page is getting ...
3
votes
2answers
8k views

$A.util.addClass not working on components that are inside aura:if

I have some buttons inside a component that are by default hidden, but are shown when certain event is received. When I receive the event, I am using $A.util.addClass() and $A.util.removeClass() to ...
4
votes
3answers
344 views

Difference in using Lightning Component <lightning:badge/> and Normal DOM with slds <span class=“slds-badge”></span>? Which is Better and Why?

Example: <lightning:badge label="Lightning Component"/> <span class="slds-badge">DOM Tag</span> Which is better? Which is faster? And why should I use Lightning component if I am ...
0
votes
1answer
31 views

Javascript button should work in Lightning

I want to convert below code to Lightning Experience. Can anyone help me how to do that? {!REQUIRESCRIPT("/support/console/28.0/integration.js")} try { // if in the console if (sforce.console....
0
votes
1answer
32 views

Use Dynamic List when designing custom component

I'm working on a new component in lightning experience. For this new component I need to do something like the Standard component Tabs As you see, this component can setup dinamically the quantity ...
1
vote
2answers
36 views

lightning data table column label is not printing Id is printing

I am trying to create a lightning data table which has hyperlink columns. when i try to add a reference field in column it just showing the id. component.set('v.columns', [ { label: '...
0
votes
2answers
1k views

Error message from server side controller lightning

Hi i want the error message to be displayed, i am getting value in response.getError() function, i want message argument in this function. Below is the snippet of how i'm doing, i am getting undefined ...
0
votes
0answers
372 views

How to remove item from Pill Container?

I have a Pill Container, which contains items from the Contact sObject. When I click the x button nothing happens. CMP: <lightning:pillContainer items="{!v.selectedContactList}" onitemremove="...
2
votes
1answer
36 views

Why I See Different Views with same Lightning Component

I'm designing opportunity Edit page with a lightning component using lightning:recordEditForm and Lightning:inputField <lightning:recordEditForm recordId="{!v.recordId}" ...
0
votes
1answer
26 views

Lighning Experience Cache issue with Static Resource

I have the next Code: <aura:component implements="flexipage:availableForAllPageTypes" access="global" > <aura:attribute name="logo" type="String"/> <aura:...