Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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....

0
votes
0answers
4 views

vertical expandable section

I have created a lightning component which displays an activity timeline . The user wants to expand/collapse this section (it shoudl collapse towards left and expand toward right). Basically I want ...
0
votes
0answers
12 views

How do I apply Sticky Footer? To a Lightning Community Theme? [on hold]

Needing assistance converting this code below into a simple STICKY FOOTER theme of a Community Page. I have tried a number of ways, but the footer in my component just will not let me apply a style ...
1
vote
1answer
14 views

Why is my Lightning:Tree component not displaying anything when fed Valid JSON?

Today I have been attempting to make a lightning:tree that accurately reflects a nested list of custom objects, and it feels like I am most of the way there, but can't quite get the tree to actually ...
1
vote
1answer
18 views

Can we add Non-Black field validation in js when creating record using force:createRecord

I have created a component which has a button. onclick event on the button navigates to record create page . I have used force:createRecord for this. However I want to add a validation in js that one ...
0
votes
0answers
22 views

How can I display parent Id record when I am creating a child record from parent in Lightning custom component [duplicate]

I am trying to create a child record from parent's related list(which has custom lightning component - DataTable). When I click on 'New' from related list(to create a child record), the popup should ...
3
votes
1answer
61 views

lightning:combobox component without placeholder

I have following code which displays a list of Users in the system. It is showing the list of Users. By default the first option I see is "Select an Option" and I want the first User in the list to be ...
0
votes
1answer
27 views

how to make record as a referenceable in datatable lightning

I have the following code, which will return all the opportunities associated with the Contacts, I am getting all the oppty but the I want the returned Oppty name should be clickable and take me to ...
2
votes
0answers
41 views

Can Lightning SLDS icons be displayed in formula field without using static resources?

I want to display an icon in a formula field based on the value in another checkbox field on my object. I would like to use the standard Lightning SLDS icons here. I've found a way to achieve this ...
0
votes
1answer
39 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 ...
0
votes
0answers
14 views

Submitting Records for Approval Process with Visual Flow(Lightning Page)

I am trying to submit approval process through Flow, The intention is to request the user to fill the required fields before submitting for approval. I was referring the blog below blog content on ...
1
vote
1answer
39 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 ...
3
votes
1answer
33 views

How should I import Design System React css?

I tried using Lightning Design System React doing what's under the Getting Started section. I've installed the npm modules as explained: npm install @salesforce-ux/design-system @salesforce/design-...
2
votes
0answers
19 views

Is it possible to hide the masterLabel from outputting onto the page in Salesforce Mobile?

I created a custom lightning:appHomeTemplate with custom columns and rows. However, the only thing I wanting to do now to finish this, is to not have the Label output into the app page. The Label ...
0
votes
1answer
24 views

Community Theme Full width layout

we use the napili theme which has a width of 1140px. For a specific page i created a new community layout with the following code: <aura:attribute name="column1" type="Aura.Component[]" required=...
0
votes
1answer
21 views

Using Salesforce Media Objects

I want to display an image of a user with text right next to the image. Went through SLDS and found Media Objects to fulfill my need. Been trying to implement it but the text is always under the image....
0
votes
1answer
23 views

Is it possible to use something like showHelpMessageIfInvalid() on lightning:inputFields?

I want to trigger the "complete this field" message on a lightning:inputField if it is invalid (empty value). This works fine on a normal lightning:input, but is there a way to do it on an inputField? ...
1
vote
1answer
50 views

Wrap components in lightning

I am trying to wrap components in a Salesforce Lightning tab. It seems like a fairly simple task. I want items (which are dynamically created lightning components) to be arranged in (for example) four ...
0
votes
0answers
16 views

Field dependencies in junction records - UI customization

We have a many to many association between Accounts and a custom object Publishers On the Accounts page we do see Publishers as a related list. However, Pubisher is the child of a custom object called ...
0
votes
0answers
21 views

Adding embedded lightning component visualforce page in the page layout

I want my lightning component to be visible in particular page layout. So I have created the vf page and embedded the lightning component in it. But when I go to the page layout I dont see the vf page ...
6
votes
2answers
367 views

Will Lightning Base Components fully replace SLDS?

I've noticed that certain Lightning UI features have equivalents across Base/UI Components and SLDS, such as modals. But, some don't. I haven't seen a base-component equivalent of Checkbox Buttons, ...
0
votes
2answers
55 views

lightning:dataTable action column is not rendering properly [duplicate]

I have added a lightning:dataTable within like this <lightning:card title="My Table" iconName="standard:contact"> <p class="slds-p-horizontal_small"> <lightning:...
0
votes
1answer
65 views

lightning:datatable action menu error

I'm showing a datatable with a list of opportunities. Now I want to allow for a dropdown menu of actions. When I click on the arrow to the left of the opportunity detail row, it is giving me this ...
0
votes
1answer
42 views

Converting visualforce component to lightning component is not working properly autocomplete functionaliity? [closed]

visualforce component : <apex:component controller="autoCompleteController"> <!-- JQuery Files --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/> ...
0
votes
1answer
16 views

Lightning Exchange

Can we modify the functionality of Apps available on Lightning Exchange? Is there any possible way to modify the functionality of Apps available on Exchange? What are Visual building Tools and ...
0
votes
2answers
45 views

How to make a lightning component to have a look and feel like a single related list?

My requirement is to show all the cases related to parent object 'MTO' on case except the one case which is open .Ex there are 5 cases on MTO if I open 1 case then I should see other 4 cases on case ...
1
vote
1answer
57 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
53 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
0answers
23 views

Cannot open record in Iframe sized : slds-size_1-of-2

RapidApprovalCMP3 {!v.linkOfRecord} = "https://snagarkar-dev-ed.lightning.force.com/lightning/r/Account/0017F00000tTTDJQA4/view" <aura:component implements="force:appHostable,flexipage:...
0
votes
1answer
88 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
39 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
67 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 ...
0
votes
3answers
55 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
100 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
100 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
93 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
100 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
218 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
121 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
80 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 ...
1
vote
1answer
244 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
47 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
1answer
31 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 ...
1
vote
1answer
236 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
2answers
239 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
38 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
36 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? ...
3
votes
0answers
103 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
28 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 ...
0
votes
1answer
213 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
228 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" ...