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
1k 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
218 views

Lightning layoutItem not rendering

Hi I'm creating a custom lightning page template. i need a header, left sidebar, 3 middle components, a right sidebar. the problem is that two of my layoutItems are not rendering properly, just NaN is ...
0
votes
1answer
380 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 ...
2
votes
0answers
106 views

Lightning component: List view base component display problems [closed]

I used List View base component in my lightning component, everything works fine besides display issues when inline editing User lookup when editing last record in a list. Below screens shows the ...
0
votes
1answer
409 views

how to clear toasts before showing a new toast

I am trying to clear toasts before showing a new toast. showToast.setParams({ 'mode': 'sticky', 'duration' : '5000', 'title': 'Please review the below ...
1
vote
3answers
534 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? ...
0
votes
0answers
260 views

Dependent picklists using ui:inputselect inside aura:iteration in Lightning

I've tried in vain to make dependent picklists work inside an iteration. Please see code below: <aura:iteration items="{!v.displayDTORecord}" var="item"> <tr class="slds-hint-parent"> ...
0
votes
1answer
378 views

How to auto close the toast message only on incoming of new toast message? [closed]

To close the toast message, only when new toast is fired or else it should stick to old toast message.
0
votes
1answer
275 views

Rerender lightning:inputField to activate dependent picklists that are generated via aura:iteration

I have a requirement to display a list of records with a set of fields that can be re-configured, I was able to come up with this piece of code: <aura:iteration items="{!v.displayDTORecord}" var="...
3
votes
1answer
258 views

Recommendations to style Visualforce page to match the SLDS?

Does anyone have insight into the best practice to style a Visualforce page to match the SLDS for inclusion in a lightning component and printing? I can hear the choirfolk chanting: Visualforce is so ...
1
vote
2answers
2k views

How to call a Lightning page from a button of a custom component

Is it possible to launch a Lightning page that was created in the Lightning App builder (composed of two sibling components) from the button click of another custom component? Any help would be ...
7
votes
1answer
496 views

Account list with Name and Image

Requirement: a lightning component that displays a list of ~5 accounts with their Name and their Account image. Methodology: CMP: <aura:iteration items="{!v.relatedRecords}" var="...
2
votes
1answer
401 views

Lightning Overlay Issues

Issue facing while using lightning overlay: 1) when I override the Quick Action with Lightning overlay Component there are two overlay showing one is quick action overlay and other is the standard ...
2
votes
1answer
3k views

Lightning Component to show related lists(Contacts and Opportunity) of Account using toggleclass

Now it is working on single click all accounts are opening, but I need to open one account at a time. Component : <aura:attribute name="Accounts" type="Account[]"/> <aura:attribute ...
1
vote
1answer
178 views

We need to uniquely identify multiple lightning components on same page( using lightning app builder)

We need to uniquely identify multiple lightning components on same page(added using lightning app builder) and we need to save respected responses and use them later. For this purpose we need a unique ...
0
votes
0answers
49 views

Button text coming in two lines and increasing the length of lightning button

i have a lightning component button which has a longer text and it is going in two seperate lines and forming the following structure. Is there any way to keep it in a single line? i used the ...
2
votes
1answer
1k views

Renderer in Lightning component

I am new to lightning and i just dont get renderer. Why do we use it? Can please anyone tell me with example. I get the part that salesforce automatically renders if some data is changed. But why use ...
4
votes
3answers
2k 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 ...
1
vote
1answer
231 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"> <...
0
votes
1answer
84 views

How to execute if condition inside option tag in Lightning Component

I wanted to display a different text for a specific set of result from the records. I tried the following code but it just displays the condition as it is. Is this even possible inside the option tag? ...
4
votes
0answers
345 views

Date picker calendar not showing on top in lightning component

This is my lightning component The problem is my date picker is displaying on the back and I am unable to select the date. I am using this Lightning component in quick action button. The code for my ...
0
votes
1answer
105 views

Duplicate Contact on Lead detail lightning page

I have requirement where lead is coming from webservice through form on one of our site .So,when lead is coming i have some dedup rules to check against existing contact.So till here everthing is ...
2
votes
1answer
1k views

Sizing the layoutitems based on size of the top container and not the viewport

We have built a lightning component which is to be used on the record home page. Now the user can either add the component in the side or in the detail section itself. Everything is working fine ...
0
votes
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" ...
4
votes
2answers
6k views

How to populate lightning:select with picklist field values?

Everything I have read online so far suggests that one must manually declare picklist (option) values when creating a lightning:select component in an Lightning application. For us, this is less than ...
-1
votes
1answer
379 views

Force:recordView - Not seeing the Case record in lightning

I am trying to dispay my case record on app but i am not seeing anything on my app. can someone please help. <aura:component controller="openCaseController" > <aura:attribute name="cases" ...
4
votes
2answers
643 views

Lightning:overLayLibrary issue Uncaught (in promise) TypeError: Cannot read property 'la' of undefined

trying to implement the Modal using Lightning:overLayLibrary as per this link lightningOverlayLibrary i am facing the below issue Uncaught (in promise) TypeError: Cannot read property 'la' of ...
2
votes
2answers
100 views

Why do the functions in my javascript controller only work individually, but not if both are in the same file?

Here is my code: ({ doInit: function(component, event, helper) { var action = component.get("c.getCampaigns"); action.setCallback(this, function(response) { ...
1
vote
1answer
95 views

Can we add help textf for Lightning:progressIndicator steps

any help or alternative to add helptext in lightning:progress indicator bar would be helpfull.
1
vote
1answer
189 views

How to position an element to center inside of a grid column?

On my VF page I'd like to center a content of a grid column. Code: <apex:page> <head> <apex:slds /> </head> <body> <div class="slds-grid ...
0
votes
2answers
3k views

Lightning:inputField does not show picklist values based on record type

Has anyone been able to successfully show picklist values based on record type using lightning components? We have 4 record types and for some reason all record types is defaulting to the RSO record ...
1
vote
1answer
246 views

Lightning component for search with popup

Are there any built-in lightning or ui components that represent a search bar with popup that contain the search results and pops up every time user types something in the search bar? UPD: if you go ...
1
vote
1answer
489 views

S-Control in Lightning

I need some guidance. In my current project there is a S-Control button on Send Email button. When i try to use the page in LEX it is not working. Can any one suggest me how i can fix this. Here is ...
0
votes
2answers
422 views

Getting Error while using helper method — helper is not a function

I am trying to implement helper method in my lightning component but getting below error. This page has an error. You might just need to refresh it. Action failed: sree123:calculate$controller$...
0
votes
1answer
224 views

How do you add aria attributes to a lightning base component? [duplicate]

I am implementing a component blueprint of the SetupAssistant component which needs aria attributes to properly toggle the chevron from being open and closed. Let's say I need to add the attribute: ...
0
votes
0answers
102 views

Adding style sheet from Lightning Design system to visual force

I'm trying to link my custom Lightning design system (Lightningdesignsystem_new) to visualforce page. The MIME type of Lightningdesignsystem_new is application/x-zip-compressed. This was working fine ...
5
votes
2answers
1k views

Lightning QuickAction background color change

On Case object, i have a quick Action "Assign Case" which looks as follows markup looks like this <aura:component implements="force:lightningQuickAction,force:hasRecordId" controller="...
-3
votes
1answer
606 views

traversing nth level in the lightning tree [closed]

i am trying to create account contact hierarchy in the lightning:tree and identifying nth level and creating tree like nested tree structure. parent account contact1 ...
0
votes
2answers
33 views

Lightning controller

I have created a basic lightning page to insert account record. It is working fine I can insert a record and can see records are getting created into the database but I require that once I click ...
-1
votes
1answer
501 views

Why doesn't slds card styling show default background?

My code is wrapped in an and styled with slds-card; not sure why the background is transparent. How can I get the default background styling to show? <article className="slds-card"> ...
0
votes
1answer
297 views

trouble with aura:iteration and JSON object

I have a Helper function with the following JSON: getUsersVacationItemsList : function (component, event) { var tableRow =[ { 'commonName': 'xpto', 'calendar': [ {...
-2
votes
2answers
59 views

Virtual Reality Lightning Component for Salesforce [closed]

I would like to ask if you can incorporate VR in a lightning component or a Lightning App?. I am planning to create a virtual tours and would like to ask a developers p.o.v for this kind of idea?. ...
-2
votes
1answer
230 views

“Attempt to Upsert a Null List” in Lightning Helper Component

I have created a simple Account Input page. Once I click submit button it has to create a new account but it is not creating and also not throwing any error. And when I see in developer log it is ...
1
vote
2answers
2k 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 ...
0
votes
1answer
94 views

Is there a Lightning Design Tokens equivalent for Salesforce Classic (Visualforce pages)?

Lightning Design Tokens are so helpful when specifying dynamic CSS variables, which helps to greatly reduce the design maintainability cost of Lightning applications. Is there a similar concept but ...
0
votes
2answers
722 views

Picklist field does not show dropdown arrow with the force:inputField tag

Working on a form that needs to get an user's input on a picklist field. I am using the force:inputField tag to bind the input field. But the physical look of the picklist field is a little off. See ...
1
vote
1answer
457 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 ...
2
votes
1answer
554 views

lightning overlay issue

I am trying to display table in the modalbody and modalfooter with ok and cancel button but over lay is not loading it throws some promise errors: Uncaught (in promise) TypeError: Cannot read ...
1
vote
2answers
4k views

Lightning datatable issues

I am implementing lightning:datatable with pagination and save all the selected records at once i am facing two issues: if I select row2,3,4 in the first ten records and click next it automatically ...
0
votes
1answer
38 views

Any tool/code/link/book on migration of visualforce pages and apex classes to lightning components - help needed [closed]

If anyone has done/knows regarding migration from classic code to Lightning component, requesting you to suggest the way. I would appreciate any help.