A message from our CEO about the future of Stack Overflow and Stack Exchange. Read now.

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
1
vote
1answer
23 views

Unable to display action lightning design icon in visualforce page

I'm trying to use one of the action icons from the lightning design system on my visualforce page. But I'm getting the icon color in black & white. I have tried to fill color from the CSS too but ...
1
vote
1answer
53 views

Table as horizantal scroll and body as vertical scroll but header should be freeze

We have a requirement i.e Table scroll should be horizontal and vertical but when we scroll vertical, title should be Freeze . I have achieved almost requirement but when i scroll vertically Table ...
1
vote
1answer
60 views

How to escape lightning CSS scoping

I have a component called basic, with the following in it's css file (basic.css) td { background: red; } The rendered CSS comes out like td[c-basic_basic]{background: red;} Is there a way to ...
1
vote
1answer
164 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 ...
1
vote
1answer
1k 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,...
1
vote
1answer
530 views

Lightning:recordForm custom buttons

Is it possible to include custom buttons on Lightning:RecordForm or any of its variations ? Specifically a "save and new" button. If this is not possible, should the alternative be to create a ...
1
vote
1answer
324 views

How to disable button on parent record in lightning:treegrid component

I am newbie to lightning and I am having treegrid lightning component in which I have button column. My requirement is to disable or hide the button on parent record. Below are my code. I am not sure ...
1
vote
1answer
132 views

How to toggle classes off one element and on another after onclick

I am creating a custom menu using the Salesforce Lightning Design System Global Navigation with sub tabs <div class="slds-context-bar slds-context-bar_tabs"> <div class="slds-context-...
1
vote
1answer
431 views

Lightning OverlayLibrary Background Color for Header and Body

I just want to modify the background color of whole header section and body of my lightning overlayLibrary. here is my code : Popup Component <aura:component implements="forceCommunity:...
1
vote
1answer
663 views

Arrange Lighning layout in LWC so that children occupy all the space

Standard layout component <lightning-layout> from Lightning Design Bundle in LWC provide several options to arrange children components: using horizontal-align="spread" would spread children ...
1
vote
1answer
364 views

how to add a custom class in table row in LDS?

I have a lightning component which contains a table. I am trying to highlight a row in red if some conditions are met. My code is like this <tr aura:id="tablerow" > </tr> I have added ...
1
vote
3answers
357 views

SLDS Picklist Basics

I wanted to create a picklist for my form using SLDS. There's probably no difference between SLDS select and SLDS picklist but I wanted to use picklist this time. I found the example here: https://www....
1
vote
1answer
354 views

Lightning Styling not displaying in one sandbox but will in another?

I am working on a visual force page that uses the slds styling. In the developer sandbox I was working on it displays fine as shows: The code has been merged into a QA environment, and with the same ...
1
vote
1answer
617 views

create section in global action layout in lightning page

On Lead Detail Page I have created global action called 'create contact' that will openup a page called contact and configured all fields in action layout which are present in contact layout.so,this ...
1
vote
1answer
2k views

cmp.find(…).getElement is not a function salesforce lightning

Below is my code where i am trying to create a typehead component. But its giving error cmp.find(...).getElement is not a function How to resolve this issue. component - <aura:component ...
1
vote
2answers
1k views

Save button on lightning component missing

I have created new Lightning component and missing Save button at bottom. I can only see Cancel button. What a strange? Am I missing something? What is the solution? see below component. On standard ...
1
vote
1answer
2k views

How to apply css to a class inside div? [closed]

I want to specify styling to a class inside the overlay class. I want to specify padding style to slds-panel__section class. How to do that? Below is the HTML and CSS but this is getting applied only ...
1
vote
3answers
541 views

ui:inputDateTime Icons Are Not Formatted Correctly - How to Fix?

When using the standard ui:inputDateTime component, I'm finding that the date and time picker icons are not formatted inside the field as expected: I'm using the following code (simplified for space):...
1
vote
2answers
2k views

Lightning modal without shaded backdrop behind

I have a detail page button on one of my custom objects. The content source is Visualforce Page. In this org, Lightning Experience is being used. After user clicks this button I want to appear ...
1
vote
1answer
1k views

How to create “button” tag dynamically using $A.createComponent

I am able to dynamically create "ui:button" using $A.createComponent as shown in: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/js_cb_dynamic_cmp_async.htm However, ...
1
vote
1answer
142 views

LDS + VF page doing unexpected behavior on adding a <apex:form> tag

I am using LDS + VF pages to make a simple calculator. Pressing a button at the bottom will set a flag in the controller and that flag will render an element and un-render another. For rendering, I ...
1
vote
1answer
336 views

Failed to save undefined: The attribute “displayDatePicker” was not found on the COMPONENT markup://ui:inputText: Source

<div class="slds-form-element"> <div class="slds-form-element__control"> <ui:inputText aura:id="grcpno" label="gr cpno" class="slds-input" ...
1
vote
1answer
5k views

How do I make a SLDS checkbox default to appear checked?

I've built a Salesforce Lightning Design System page with some checkboxes on it. The way SLDS implements checkboxes looks really odd to me. I'd like to make one of those checkboxes to appear checked ...
1
vote
1answer
246 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 & ...
1
vote
1answer
56 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 ...
1
vote
1answer
97 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
39 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
634 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 ...
1
vote
1answer
175 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? (...
1
vote
3answers
185 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-...
1
vote
1answer
593 views

lightning:inputField is not rendering, saying the request is missing the field data when it is not

I am trying to display a list of date ranges based on an objects start and end dates using a lightning component. When I open it in a visualforce page as part of a set of nested components, it will ...
1
vote
1answer
809 views

Hiding the title on a lightning card

I've been running into an issue where I've got a re-usable component that uses a lightning:card attribute. In the normal course of things, having a title is great; however, in the context of using in ...
1
vote
1answer
40 views

Look Field to Open specific Record Type Create Record Page Layout [closed]

Is there any way to Open Specific Record Type page layout from Lookup field New Record Creation "+ New Record" option in Lightning Experience? Thanks, Lalit
1
vote
1answer
3k views

How to display image in a lightning component

My files are stored in 'files' under App launcher. I have a Rich text box field 'description' in a object wherein i enter text and images. Here, the images are entered as tags. the 'src' attribute ...
1
vote
1answer
344 views

How to dynamically add svg icons in lighting?

My case scenario is, I'm creating a list element dynamically which displays few contact names. Besides this I want to display the Account svg icon of slds too. I was wondering if it is possible to ...
1
vote
1answer
2k views

Resizing of Lightning page that popups from Quick Action Button

I have written below code: <lightning:layout > <lightning:layoutItem padding="horizontal-medium" > <lightning:recordEditForm aura:id="recordViewForm" recordId="...
1
vote
1answer
316 views

Lightning - centering the grid to the middle & the fixing column width

I am learning lightning and stuck with centering the grid to the center of the page. <div class="slds-grid slds-wrap slds-gutters slds-align_absolute-center slds-grid--pull-padded"> <...
1
vote
2answers
2k views

How to Lay a grid of 8 elements per row using Lightning Layout on a dynamic list?

I wanted to lay a grid using lightning layout for 8 elements per row on a list populated dynamically. What I want to accomplish is given below <lightning:layout horizontalAlign="spread" ...
1
vote
2answers
3k views

Lightning Input type=“text”

I am working on a lightning page where I have to use lightning input type= text. And this value I have to pass JS controller for the validation check. But when I am writing code below it is working ...
1
vote
1answer
997 views

borders and positioning in lightning component form in Community

We've got a custom lightning component displaying a form in a page in a Community. It has two fields: a number and a text area. There are several visual problems that make this form look awkward: ...
1
vote
1answer
947 views

Lightning Component's Styling is not working in Internet Explorer 11 but work fine in Edge

i also have same problem its look seems correct in Microsoft edge but not in IE11 i tried to see weather its might efffect by 1-0f-1 followed by 1-0f-2 in class but its i get Lightning component is ...
1
vote
1answer
953 views

Style and Show command Link as Command Button in Classic & Lightning

I would like a command link to look like a command button. I was once told that I could to that with using the style.
1
vote
2answers
358 views

I need to override the standard detail layout with a page that is compatible with both classic and lightning

I understand there are two approaches to create a page that is compatible with both lightning and classic Create a lightning component and use lightning out to render it on a visualforce page Create ...
1
vote
1answer
953 views

Clickable Icon in Input field using Lightning Base Components

How can I implement this input field with a right icon button from the LSDS using Lightning Base Components? This doesn't work <div class="slds-form-element"> <div class="slds-form-...
1
vote
1answer
2k views

Lightning Design for Apex:inputFile

I am seeking to make a VF page using SLDS including the . Below is how the documentation has the file upload element. <div class="slds-form-element"> <span class="slds-form-element__label"...
1
vote
1answer
3k views

Increase the Lightning pop up modal size by height

I have created a lightning pop up modal on click of a button. I can change the width of the pop up but is there a way I can increase the size by height by means of css or any other? The text area is ...
1
vote
2answers
1k views

Firefox specific UI issue with lightning:input when required attribute is true

I am having this strange issue in Firefox that on load of my component, the following field is automatically bordered red without performing any action as: The border goes away when I enter something,...
1
vote
1answer
647 views

Using standard design tokens not working

Attempting to use standard design tokens in my lightning application. https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/tokens_standard.htm have created the defaultTokens....
1
vote
1answer
31 views

Exclude a button in Salesforce1

I have a lightning page which is the entry page to my org. It includes a button "Enter" which redirects to the Org's home page. It works perfectly. But in Salesforce1, I have no use for it. How can I ...
1
vote
1answer
2k views

How do I include hover layout?

I have a list of contacts, and I want to add a popover every time I hover on them, like this example (popover over account): what i was able to do is this: its comes together, but there are a few ...