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
0
votes
0answers
18 views

lightning-input-field displays differently in production and sandbox

I have the exact same code in production and sandbox. Things look as expected in sandbox, but in production I can see different css being applied. It looks like there is a media query in production ...
-2
votes
1answer
38 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!
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
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,...
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
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 {...
1
vote
1answer
95 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
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
89 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
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....
0
votes
1answer
66 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
61 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
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 ...
-2
votes
1answer
30 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
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-...
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 ...
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 ...
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:...
2
votes
2answers
401 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
72 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
223 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
63 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
44 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
24 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
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
44 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
72 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
330 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
31 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
76 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
26 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
94 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
50 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
99 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
67 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 ...
9
votes
1answer
517 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
49 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
37 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
409 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
95 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
119 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
40 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 ...