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

2
votes
1answer
1k views

No COMPONENT error when using svg markup from Lightning Design System

What I'm about to ask is basically a duplicate question of this, but the answer there seems out of date; the URL found in the answer is a broken link. I was able to find an archive of the link but the ...
1
vote
1answer
189 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: ...
3
votes
1answer
519 views

How to use progress ring with lightning component

In recent release salesforce has released progress ring part of SLDS. https://www.lightningdesignsystem.com/components/progress-ring/#content I am little confused on how to use this with lightning ...
1
vote
0answers
93 views

Adjusting lightning picklists to follow scrollbar when in focus of a custom modal

Currently I have lightning component that I am inserting into a custom modal using the lightning overlay library: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/...
0
votes
2answers
519 views

Copy lightning experience background look and feel

I am developing a community and I would like it to look like lightning experience. One main thing is the background picture that is dissolving into blue - I want to achieve a background like this: ...
2
votes
1answer
174 views

Display path from right to left

I want to display a field status in a very visual way, the path component is ideal (any of them, for example lightning:path or even the slds one): Problem: Displaying that component from right to ...
0
votes
0answers
26 views

Oversensitive input:radioGroup

I have a problem with lightning:radioGroup. I made the input required and now wherever I click on the modal, even on the header div, the field reacts to the click and displays validation error. I ...
-1
votes
1answer
582 views

How can I align the options in lightning:radioGroup horizontally or is there a way to use ui:inputRadio to align the options horizontally? [closed]

I have two options for the user to choose from within the radio options in lightning. How can they be aligned horizontally?
0
votes
0answers
35 views

Auto-hide <ape:outputpanel> with toast - alert

I have below VF code to display LDS toast alert based on the showSuccess values of the controller. How can i auto-hide this panel after say 3 seconds. I'm looking for a solution something like .delay(...
0
votes
1answer
114 views

Need help in table formatting LEX

I am using a lightning component which displays data as received from associated object record. Below code: <aura:component controller="ProductDetailController" implements="flexipage:...
2
votes
1answer
975 views

Lightning Component Styling is not working

I have a simple lightning component for inserting records to a custom object (Show__c) The component is working fine. I have few issues with styling this component. Markup <aura:component ...
1
vote
0answers
298 views

force:inputField lookup doesnt work for custom Object

I am using force:inputField for Custom object lookup field <aura:attribute name="portPair" type="Port_Pair__c" default="{ 'sobjectType': 'Port_Pair__c' }"/> <force:inputField aura:id="...
0
votes
1answer
650 views

lightning button icon issue

I have lightning buttonIcon in table for every record.When I click the buttonIcon on each row it has to change icon name from utility:add to utility:check.Even though if I select each row and try to ...
6
votes
1answer
638 views

Lightning: How to open a newly-added accordion section?

Assume the following pseudo-markup: <component> <attribute recordList/> <button label="Add" onclick="{!c.addRec}"/> <accordion> <iterate over recordList ...
0
votes
1answer
315 views

Lightning UI Date field validation [closed]

I have two fields StartDate and EndDate. I have to validate the fields and show error on lightning component. EndDate field should not be greater than StartDate. My Code: var startDateField =...
2
votes
1answer
355 views

VF Page Migration To Lightning Experience SF one Navigation URL issue

We have a VF page which we are migrating to "Lightning Experience" using <apex:slds /> and <body class="slds-scope">. Page looks good in Lightning Experience, but when running "...
2
votes
1answer
193 views

Cannot get slds-col to stretch if they are embedded in child slds-grid

I'm creating a custom theme layout. I am stuck on getting a basic layout created. Here's how I want the layout to appear: Row 1: Logo (align left), Profile (align right) Row 2: Menu Row 3: Body ...
5
votes
2answers
231 views

New SLDS class and attribute as of Spring '18 release - no documentation

I've noticed a new SLDS class that is being applied in Lightning Experience. There doesn't seem to be any documentation whatsoever of this class and it's not mentioned in the Spring '18 release part ...
2
votes
0answers
181 views

Lightning design Grid layout does not work in IE11

i have a problem in IE11 grid layout slds-size-** which is making a grid as bad way but in other browser is great all working fine .. <div class="slds-card__body"> <div class="slds-...
0
votes
1answer
375 views

how to display list of records in modal popup? [closed]

I have button on lightning component. Clicking the button should open the modal dialog which has List of records of the account. Can anyone tell me how to do this?
1
vote
1answer
433 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 ...
0
votes
1answer
27 views

How to pass itteration id value to to another component

I have an iteration from where I want to display a component and cant seem to get the values displaying from my other component Error: Unable to get value for key 'opleiding.Id'. No value provider was ...
1
vote
0answers
24 views

When adding slds-button_success, icon shifts to the right

I have a lightning:buttonIcon <lightning:buttonIcon iconName="utility:setup" alternativeText="nah" class="bigIcon slds-button_success slds-icon_large"/> with a custom css class: .THIS.bigIcon ...
4
votes
2answers
624 views

make buttonIcon icons bigger

How can I change the size of an icon inside of a lightning:buttonIcon ? <div class="slds-grid slds-grid--vertical"> <div class="slds-col"> <lightning:...
0
votes
0answers
14 views

Create a Checkerboard of buttons, Lightning Design System

I am trying to use the SLDS Grid to create a 'checkerboard' of buttons. I have a single colum of eight buttons. I have perused the documentation but I cannot figure how to specify rows and columns ...
3
votes
1answer
429 views

How to set only Time for ui:inputDateTime tag at first time in Lightning?

I want to default time to 9:00 AM when user selects date first time. Still He is allowed to change the time. I am using below tag for DateTime input field: <ui:inputDateTime aura:id="startDate" ...
0
votes
1answer
434 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.
3
votes
1answer
408 views

what are good prototyping tools for Lightning Experience? [closed]

I am looking for some tools that I can design Lightning Experience prototypes in.
2
votes
1answer
676 views

Aura:Method with Parameters / Conditional Component Instancing

I'm trying to make a component that can be used for many different scenarios. So I want to be able to use it in parent components. The idea is that the parent component would be used to create records ...
0
votes
2answers
709 views

To set a field of an aura attribute

Is there a way to append the field of an aura attribute? <aura:component implements="flexipage:availableForAllPageTypes,force:hasRecordId" description="AddBoatReview"> <aura:attribute name="...
-1
votes
2answers
356 views

ui:inputselect with dropdownlist and button align horizontally on same line

I'm trying to align inputselect and button on same line horizontally <div class="slds-m-around--x-small"> <div class="slds-grid slds-grid--align-center slds-m-around--x-small"&...
0
votes
2answers
89 views

Lightning SLDS question

I'm new to SLDS and trying to make a lightning:layoutitem fit the whole page and I've tried playing around with slds-size class but to no avail. What I'm trying to do is to make the Add Expense fit ...
0
votes
1answer
837 views

Image not appearing on Lightning Component [duplicate]

In my below lightning component , I am trying to display an image using background image tag. <div class="imageview" style="{!'background-image:url(\'' + v.boat.Picture__c + '\')'}" /> I do ...
0
votes
1answer
421 views

field integrity exception error while saving lightning component

I copied the following code from SLDS into my component and tried to save it.... showing the following error <aura:component> <div class="slds-form-element"> <span class="...
2
votes
1answer
576 views

How to find invalid lightning code before it causes an error? [duplicate]

Why this is not a duplicate: This question is different than How do I debug my lightning component? My issue was caused by a missing attribute on a Lightning component. It would be nice to see some ...
0
votes
0answers
61 views

Is it possible to restrict field by using stage wise in Lightining

In Lightning, I have a kanban view with the group by lead status in lead object According to Kanban view document, each stage can show maximum of 200 cards and can show only four fields in each box ...
1
vote
1answer
230 views

Display data in stacked form in lightning component

Hi I want to display data in stacked form i.e one after the other in 2 coloumn format. I am using below code for that. But I am getting spaces between the data as shown in attachment; if data is more ...
1
vote
1answer
24 views

Design requirements for AppExchange apps

Are there any design requirements/restrictions for an AppExchange app? We would like to create a popup, which will work a bit like a chat screen that some web shops use, but smaller. It would be ...
1
vote
1answer
5k views

Align form elements horizontally on the same level - Lightning Design

I would like my form element to appear side by side instead of vertically one below another. For example I have an input text and 2 buttons. I want the input text and button appear in one line. I ...
1
vote
1answer
3k views

Lightning button Variant - To appear blue/white and appear center aligned

Trying to build a form and I put 2 buttons in the form. Want 1 of the button as to appear blue and other to appear white. I created below component: Searchform.cmp <aura:component > <!--...
3
votes
2answers
531 views

Lightning datepicker for visualForce page

I have a field with date/time dataType and using that field in VF page, initially date picker was not visible then changed standard stylesheet = "true" (is this the only option) and everything works ...
0
votes
0answers
179 views

Focus on modal window

I have $A.createComponent( "c:newModal", { "testId": testId }, function (newcomponent) { if (component.isValid()) { var body = component.get("v.body"); ...
3
votes
1answer
36 views

App exchange security review - Is it mandatory to follow the SLDS guidelines while designing VF pages?

To create an app that is lightning ready, is it necessary that visualforce pages follow the SLDS guidelines to pass the app exchange security review? The app that I am working on has mostly custom ...
2
votes
2answers
997 views

Can you use two force:recordData in one lightning component?

I want to load the fields of an existing Record into a component, then display that component next to the existing detail of the record. Let the user change what they will then save that form as a new ...
0
votes
1answer
57 views

Split a tab into two-lightning app builder

I am building a lightning app builder page. this page has tabs component. One of the tabs is collaboration which will have activities and chatter fields component. These two components were placed one ...
0
votes
0answers
27 views

Steps to be followed to create an app compatible with Classic and Lightning

Need to confirm if I am following the right steps to develop an app that is compatible with lightning and classic Create a classic app. Design custom pages to match the lightning design system and ...
1
vote
2answers
164 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 ...
6
votes
1answer
3k views

Parent Field in Lightning Datatable [duplicate]

Are Parent Fields supported in lightning Datatable? I'm trying to display Account Name with Contact information, but it seems parent fields are not supported in lightning datatable. Component: <...
1
vote
1answer
244 views

Hide Lightning:Card on init?

I am having issues getting the style to apply on init. It is working just fine, (setting visibility) on click, but is not having the same effect on init? Component: <lightning:card aura:id="...
1
vote
1answer
679 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 ...