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
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 {...
1
vote
1answer
45 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 & ...
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 ...
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....
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 ...
-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
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-...
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 ...
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 ...
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:...
2
votes
2answers
220 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
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 ...
0
votes
1answer
51 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 ...
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 ...
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 ...
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 ...
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
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
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: '...
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
1answer
56 views

How to Hide Column Label Lightning Datatable

Is there a way to hide or render labels based on a true/false value? For example, how to hide only the Phone label but display the other two labels? Is there a possible render value that can be set? (...
0
votes
0answers
17 views

Lighting:tabset rendering tabs in “more” drop down when tabs are populated dynamically even though it has enough space to display all tabs

My sample code is <div class="flexipageComponent"> <div class="tabset slds-tabs_card uiTabset--base uiTabset--default uiTabset flexipageTabsetV2"> <div role="application ...
0
votes
0answers
22 views

How to display Activity Component as List with Header Rather than Timeline

Is it possible to display the Activity within the Activities component as "List" rather than "Timeline"? I would like to keep this activity section but display items in "List" format and not "Timeline"...
1
vote
3answers
78 views

lighting data service layout styling

I'm creating a set of components to override the standard view and edit actions on an object. I've explored using <lighting-record-form> and <lightning-record-view-form>/<lightning-...
0
votes
1answer
46 views

Lightning Design System as a static resource not working

I'm trying to create a Custom Scope CSS for Lightning Design System using Static Resources and CSS customizer but It's not working at all. It updated the Sass files, zipped them out and tried to post ...
1
vote
1answer
77 views

Setting time ranges in lightning:input type=time

Is it possible to set the time intervals when using lighting-input tag of type="time"? The default gives intervals with 15 minutes (12:00, 12:15, 12:30... etc). But I need it to set the intervals to ...
0
votes
1answer
53 views

Search & Column Sorting with SLDS Data Tables

I am trying to make a basic, external app with the Salesforce look-and-feel using Salesforce Lightning Design System (SLDS). Notably, the app includes data tables so I want to use the Data Table ...
8
votes
1answer
382 views

Lightning Web Components Open Source with Lightning Design System (lwc with slds)

I am trying to local development with Lightning Web Component. The https://lwc.dev works good and I want to also add the Lightning Design System style but I am getting errors. I have installed the ...
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
34 views

Lightning Design SFMC

I'm creating a microsite in Salesforce Marketing Cloud. My client want to have a lightning desigh for this microsite. Is it possible to do this ? I would like to know if there is any lightning CSS ...
1
vote
2answers
355 views

fire @wire on an event change LWC [closed]

I have a picklist in a combo-box, on change of the picklist value @ wire method should fire is it possible or what is the work around??. As per the below example when this.l1productId value changes in ...
0
votes
1answer
81 views

lightning:formattedRichText: slds-truncate Not working

I am trying to truncate a richText field in a table.I've tried to use 'slds-truncate' but to no avail. Here's what I'm getting: Here's the code I'm using: <table class="slds-table slds-table--...
0
votes
1answer
92 views

Div not stretching 100% width/height in Lightning

Attempting to create a lightning component which will be wrapped by a div which is all white but it is not making up 100% of the width/height. <aura:component implements="force:appHostable"> ...
0
votes
0answers
36 views

How bring Lightning component within a modal popup to front?

I have a lightning component in a modal popup and that lightning component is having an input lookup field which opens another lightning component(search result box in screenshot). <Parent ...
0
votes
0answers
31 views

Is it possible to restrict user to certain record type while creating new record from lightning lookup field

We have a scenario where when a user is looking up for a organization it should only look for External Org records which was acheived by Lookup filter in Lightning. The challenge is when there is no ...
0
votes
1answer
176 views

Need help on SLDS with LWC

I am trying to implement the Custom Date Range Picker using Lightning Web Component Framework. My Code is allowing to select start Date and End Date and it is also highlighting the days in between ...
0
votes
2answers
73 views

How to reload custom lightning component in a lightning page tab every time I click on the tab?

I have one lightning component named "Add/Edit Invoice Line Item" (as seen on screenshot) I want to reload this component every time a user clicks on this tab. Is there any way or event which can be ...
2
votes
1answer
64 views

Open LWC as a full page without salesforce header

I have a button on Lightning Record page. On click i am redirecting to a LWC. Is there anyway where i can redirect or open the LWC in a full screen page. As of now it is opening with salesforce main ...
0
votes
0answers
19 views

Dynamic component creation issue in lightning

I am trying to create a component dynamically in lightning. In the following code, I get an error saying, "Error: TypeError: Cannot read property 'getDescriptor' of undefined" The first argument in $...
0
votes
0answers
55 views

A Data Table with both column and row headers present using SLDS?

I need to create a Data Table with column header and row header. Data Table from the Component <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-...
1
vote
1answer
864 views

LWC Composition for fields inside a record-edit-form

I have a lightning-record-edit-form with multiple lightning-input-field. I'd like to put some of the input-field into a child component, say childComponent. The code is attached at the end. However,...