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
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.
0
votes
2answers
2k views

Help building a dynamic table component in lightning

I'm trying to dynamically build a table for display and user interaction in lightning and I'm coming up against some difficulty when utilizing the $A.createComponents and trying to build multiple aura:...
0
votes
0answers
199 views

Global action drop down not working in Lightning

Somehow my drop-down for global action in lightning is not working. I have gone through the trailhead link as well as some similar questions on stack this and this. But I think I stuck with some ...
-1
votes
1answer
2k views

Activity Timeline using Lightning component

I am trying to create Activity Timeline using slds-timeline https://www.lightningdesignsystem.com/components/activity-timeline/ but getting error "Failed to save ActivityComponent.cmp: No COMPONENT ...
6
votes
2answers
13k views

Hyperlink a Record in lightning:datatable

Am trying to accomplish a POC in my project. We have a lightning Datatable using . I could generate a set of records to display on the component. But I need one column to be hyperlinked to navigate to ...
0
votes
1answer
309 views

Unable to get the value in force:outputfield on pageload

Below is my code: <aura:component controller="AccountController" implements="flexipage:availableForAllPageTypes,force:hasRecordId" access="global" > <ltng:require styles="/resource/...
0
votes
0answers
235 views

Lightning Design System UI responsive on browser window resize issue

I have developed UI with using SLDS responsive framework( https://www.lightningdesignsystem.com/ ) More over in entire application I have used lightning component ex: lightning:tabset (https://...
0
votes
1answer
1k views

How can I hide a button based on row content in a lighting:dataTable

I have a lightning:dataTable control in a lightning component I'm developing. I have a column in that dataTable of type 'button'. ​ I want to be able to hide the button in that column, based upon the ...
0
votes
1answer
41 views

Table with navigable values in Salesforce Lightning

I am new to Salesforce Lightning and I would like to make a table that has values that I could click on, and open the object details in another tab. In salesforce Classic, I did this way: <apex:...
0
votes
1answer
48 views

Custom lightning component broke the formatting (overide CSS)

So I created a custom self-registration lightning component based off a standard component by using: implements="forceCommunity:availableForAllPageTypes" Once I did that, my formatting for the ...
0
votes
1answer
460 views

Unable to use SLDS assets from Visualforce

I'm getting a 404 error when accessing any LDS assets. Am I doing something wrong? The code I'm using is taken right from the Using the Lightning Design System page within the Visualforce Developer ...
3
votes
1answer
1k views

Open multiple section at once using standard <lightning:accordion> component

Using the standard component <lightning:accordion> is it possible to open multiple sections together?
3
votes
1answer
722 views

Scrollbar inside scrolling modal not clickable

I'm using the latest Appiphony Strike components to built a multiselect picklist inside a modal. <aura:component > <c:strike_modal title="Strike Modal" showModal="true"> <...
6
votes
1answer
4k 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
720 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
2answers
1k 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
203 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
2k 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
332 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 ...
-1
votes
1answer
1k 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
1answer
181 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
3k 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
392 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
1k 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
2k 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
484 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 =...
3
votes
1answer
800 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
646 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
345 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
297 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
639 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
787 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
32 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
36 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 ...
5
votes
2answers
3k 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
17 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 ...
2
votes
1answer
917 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" ...
1
vote
1answer
817 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
892 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
1k 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
2k 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
559 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
149 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
2k 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
979 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
757 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 ...
1
vote
1answer
366 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
38 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
11k 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 ...