The Stack Overflow podcast is back! Listen to an interview with our new CEO.

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
0
votes
2answers
893 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
8 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
12 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
11 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
777 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
711 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
43 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
536 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
26 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
64 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
22 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
20 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
605 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
32 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 ...
1
vote
0answers
42 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 ...
0
votes
1answer
30 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
365 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
677 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
632 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
27 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
37 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
390 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
338 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
30 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
355 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
35 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:...
3
votes
2answers
166 views

Combobox hiding behind footer - modal content not able scroll when overflow =initial/visible

I have a modal with a fixed height, so if the number of fields increase in the modal, scrollbar appears as expected. However I have a Combobox at the end of the form which I am not able to view the ...
2
votes
2answers
219 views

How do you Expand All/Collapse All in lightning:accordion

I'm trying to Expand All/Hide All in lightning:accordion Lightning aura component. <aura:iteration items="{!v.pboW.listPb}" var="pbW"> <lightning:accordionSection name="{...
0
votes
1answer
1k views

lightning:menuItem in lightning:buttonMenu is not working in a nested component

I have two lightning components. One gets account's basic information on load and iterates over it and another displays the each account's basic information in a row. I have explained the div tag ...
0
votes
1answer
50 views

Issue with Specific Cell Popover inside slds datatable

My use case is to implement specific dataTable cell popOver on click. Below is the code. Using lightning:overlayLibrary base component to show popOver. It is showing popOver but only on the first row ...
2
votes
1answer
7k views

Fixed page header in Lightning Design System

I'm using SLDS in a Lightning component, and I'm sure I've read somewhere that the page header can be made to stay fixed whilst the rest of the screen is vertically scrolled. My page header looks ...
4
votes
4answers
3k views

Datepicker not displaying properly lightning component

I have following lightning component. sp.cmp <aura:component controller="Pledge_Mgmt_Controller"> <aura:attribute name="paymentList" type="Map[]" /> <div> <div ...
0
votes
1answer
928 views

SLDS Accordion not working in Lightning App

I am trying to implement SLDS Accordion in Lightning app but I didn't get the Open and close functionality. Let me know what I am missing. <aura:application extends="force:slds"> <ltng:...
0
votes
0answers
43 views

Lightning Carousel is adding empty Indicators to existing images when event is fired

I have two components Stage and Carousel, The stage will have 4 values (stage 1, stage 2, stage 3 and stage 4), When ever a stage is changed I am pulling Carousel images related to that "stage" from ...
0
votes
0answers
36 views

Lightning Carousel component is repeating indicators if we have less than 3 images

I am creating dynamic lightning carousel, so when I have less than 3 images it is repeating the indicators. Example: Lets say if I have images img1 and img2, then in the carousel I am seeing it as ...
1
vote
1answer
37 views

Progress Ring fill clockwise

I am using Brian's Progress Ring Component here- https://gist.github.com/brianmfear/d1308608c0facdc626b85c9c248fc7af It works great, however it fills in anticlockwise way. I have a requirement to ...
0
votes
1answer
23 views

How to fix Apex:Inputfield Size when using slds sizing?

I am working on a vf page with a random number of fields. The problem I'm facing is related to the sizing of the fields. As shown in the screenshot, the contact number field is one long field instead ...
2
votes
1answer
361 views

Display path from right to left

I want to display a field status in a very visual way, the path component is ideal (any of them, for example lightning:path or even the slds one): Problem: Displaying that component from right to ...
0
votes
1answer
35 views

Lighting Data table : Capture header column width when changed

Is there a way to capture the width of columns(header) in data table when user changes the width? I am trying to persist the changes which user makes to the columns(width) after the table is loaded. ...
1
vote
1answer
54 views

Need to make entire section title clickable

I am using section expand collapse as described here -- http://sfdcmonkey.com/2019/03/05/create-expand-collapse-sections-salesforce-lightning/ I am able to use this, however it's only usable only ...
1
vote
1answer
158 views

Need Help with custom types in Lightning DataTable - LWC

Here is the playground link to the code - https://developer.salesforce.com/docs/component-library/tools/playground/l_0ieW-Sm/17/edit My use case is to show popover on hover for a specific column in a ...
0
votes
2answers
27 views

How to pass the value to particular row in aura:iteration?

Component: <aura:iteration items="{!v.QliList}" var="Qli" indexVar="sNo"> <tr> <td><div class="slds-truncate">{!sNo+1}</div>&...
1
vote
3answers
625 views

Manually change defualt subtab on Lightning App page

I have a Lightning page in which the default tab has been set to "Product Selector". Is there a way by which I can manually switch the default tab to the 'Detail' tab via a lightning event? ...