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

0
votes
1answer
10 views

Change the div's css style in <aura:iteration>

I have a component: <aura:iteration items="{!v.objects}" var="obj"> <lightning:layout multipleRows="true" class="layoutBigCardsColumn"> <div class="slds-...
0
votes
2answers
29 views

String Split function is not working in the Lightning JS contoller

I am getting array of string from component's attribute to lightning controller, now I want to split that string to comma separated values and want to assign that to another component variable but ...
0
votes
1answer
25 views

How to send the div's style through button's onclick in <aura:iteration>?

Even the example from "Lightning Aura Components Developer Guide " doesn't work. I can't set the style to my div. It's because of iteration. How can I fix that? cmp: ...
4
votes
1answer
426 views

How to add a functionality to stop copy paste on an input field in lightning?

I'm making a form that includes two fields, Email and Re-Enter Email. I don't want the user to copy and paste the email id in the second field. I have to prevent right clicks on the re-enter field and/...
0
votes
1answer
27 views

Increase size of Lightning Component to fit properly on a record page

The component I created on the right appears smaller than the activity card. I've tried several ways to increase it's size but have failed. Is there a way to make it look like the card below it? ...
0
votes
1answer
30 views

Lightning Design System full width modal

Very sorry for the low quality post, currently at a Salesforce event! We have an issue with a lightning component modal defaulting to 50% width with the app.css file setting that..! How can we ...
0
votes
2answers
32 views

Delete an array element using event.getSource().get(“v.name”)

I try to get index, but it's always -1. JS: close : function(component, event, helper) { let vacancies = component.get("v.vacancies"); //an array let vacancy = event.getSource().get("v.name"...
0
votes
1answer
23 views

Array with saving previous objects in Lightning

I need to make an array for iteration selected objs in future. But when I push needed element, it updates. It's because I always call a new var: var objs = []; How can I add the element right? My ...
0
votes
0answers
16 views

SLDS table fixed header with header titles imposed [closed]

I have a problem I can't seem to resolve. I'm trying to keep the header row on a table fixed. I followed the example provided here -> https://github.com/kanwalpreet-singh/salesforce/blob/master/Data-...
1
vote
1answer
274 views

How to hide Lightning Design System Grid item when screen is Small (>= 480px)

I have a Grid which has three columns: <div class="slds-grid slds-wrap"> <div class="slds-col slds-size_1-of-1 slds-large-size_4-of-12"> <span>1</span> </div> &...
0
votes
1answer
31 views

Fixing CSS in lightning community

I'm trying to fix css for the lightning community, I have created a custom theme for a community, and my component implements forceCommunity:layout, due to forceCommunity:layout by default max-width ...
0
votes
0answers
13 views

Verical tabs - unable to get selected tab dynamically

We have created vertical tabs using lightning:tabset but we could not able to put the icon on the lihgtning:tab . So we are converted lightning:tabs to vertical tabs. But we are not able to capture ...
2
votes
0answers
15 views

Salesforce1 on focus on textarea header top is hiding

I have seen the same, or a similar, issue. The problem I encountered also occurs on a mobile device (Android in this case) with a textarea component at the bottom of a container component that extends ...
0
votes
0answers
32 views

TabStyle in lightning

Is there a replacement for TabStyle in lightning? When I move from parent component to child component, I need parent component to be remain highlighted when I am inside the child component.
0
votes
0answers
26 views

How to remove item from Pill Container?

I have a Pill Container, which contains items from the Contact sObject. When I click the x button nothing happens. CMP: <lightning:pillContainer items="{!v.selectedContactList}" onitemremove="...
0
votes
1answer
22 views

Custom button or link in lightning tree

I want to add plus(+) and minus(-) button/sign at every level of lightning tree to add or delete item at particular level, is there any way to do so?
0
votes
1answer
11 views

Lightning Design Resource

` ` Can we use lightning design resource for mapping? I want to bind the apiName dynamically so what I am doing is like, So at the time of component placement on a ...
0
votes
1answer
24 views

slds grid column alignment problems!

For some time i have been trying to left align the center column, but still keep it at the center. ON the image below you can see the icons with the counts for each service, but not aligned to the ...
0
votes
1answer
34 views

How to display old and new values in Lightning field

I have multiple lightning input field and my requirement is to display the old and changed values of the field in separate view. I am newbie to lightning and I am struggling to figure out the concept. ...
3
votes
1answer
67 views

Dynamic lightning:map assistance

I'm working on a dynamic mapping system wherein users input an address and can then have a google map displayed relating to accounts within a radius of that address. I've got it so my list of ...
0
votes
3answers
73 views

How to override CSS of Lightning Component

I want to change the styling of several Lightning Component elements such as: Changing the background of navigation of Tabset from light grey to blue: From this To this The code I written in .cmp ...
3
votes
1answer
127 views

How do I produce a “New” record button to look like a standard “New” button?

Basically I want to create an input area for a new record. I'm trying to get it styled like the standard "New" Button. I have tried doing it via Visualforce but it looks like a completely separate ...
1
vote
1answer
45 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 ...
0
votes
1answer
117 views

Can we add bold style to last row in Lighitng Data table??

I am using "lightning:datatable" tag to display set of rows in UI. Few columns are numeric data. I needed last row to be summarized values of all the data set. I don't find any standard summary ...
0
votes
0answers
39 views

ScrollTo in lightning

I'm trying to simulate the ScrollIntoView Javascript capability in lightning. I tried to use the ui:scrollerWrapper for the same but it's not working and it's not scrolling up to the ui:scrollWrapper ...
2
votes
2answers
62 views

How to adjust column width in <lightning:tile> <dl class=“slds-list_horizontal”>?

I tried following the SLDS Utilities patterns for both Name Value Pairs and Description List... In both attempts, the labels' text was truncated, and the tiles had an undesirable excess of white ...
2
votes
1answer
34 views

Detect Minimization / Focus Utility Bar Component And Resize Workspace Component

Apparently there is no method (at this point) for detecting when the utility bar item minimize / maximize event is fired. I could potentially use jQuery to listen for a click on the button, but ...
0
votes
2answers
37 views

Issue - vertically center table! [duplicate]

Using the SLDS system, I am having issues vertically centering the components. I am trying to have the street, city lightning:inputs and the search button the same level as the never,cold,active ...
0
votes
3answers
31 views

How to embed a expression into string

I have an iframe in my lightning component. The value of the src attribute of the iframe is half static and half dynamic e.g.: <iframe src="/apex/customPage?id= \'' + {!v.linkId} + '\' " width="...
0
votes
0answers
42 views

Related list you're trying to view isn't in the layout. Please get in touch with your administrator

I have a VF Page for Account that has the related list (Cases) added in the Vf page code. When I login in classic and click on account record, go to Cases related list and click on New case button - ...
0
votes
1answer
23 views

Is this url “https://sfIntace.visual.force.com/apex/VFpage” is Lightning or classic

I am new to Salesfore Lightning experience. I open vf page from tab in Lightning experience it open with some lightning URL. But when I open page from all visualforce pages screen, it show url like ...
0
votes
2answers
81 views

Drag and Drop - multi file upload in Custom Lightning Component

I want to create a drag and drop multi-file upload in a lightning component form. The form is displayed in a community. I have used <lightning:fileUpload label="Attach receipt" ...
0
votes
2answers
75 views

help text icon with lightning:select

The docs are very clear on how to add a help text icon. I've tried to do this using lightning:select component. This is what I have so far but it doesn't appear to be working: <lightning:...
1
vote
1answer
29 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
0
votes
2answers
50 views

Icon inside Lightning Badge

I saw on Lightning design system that there is the option to put an icon inside a Badge https://www.lightningdesignsystem.com/components/badges/#Badges-with-Icons How can i actually do it in ...
0
votes
2answers
70 views

How to get source of lightning component

I have 2 quick Action buttons, which call same lightning components. How should I know on component initialization that which Quick Action triggered lighting component?
1
vote
1answer
65 views

For lightning:input can I set my own Id attribute?

I am using aXe tool to do accessibility testing and it is giving me a red flag because it doesn't like the current value in the id attribute, that is set to "input-1". Question is how, if possible do ...
0
votes
0answers
47 views

The vertical line of “.slds-timeline__media:before” does not appear when using Activity Timeline on Lightning Component Tab page

The vertical line of ".slds-timeline__media:before" does not appear when using Activity Timeline on Lightning Component Tab page. <aura:component> <ul> <li> ...
2
votes
1answer
51 views

Lightning Accordion: changing the arrow location

In Lightning Accordion tag I need to change the location of the expand/collapse arrow so instead of it being in the left side of the title (aka the Accordion summary), it should be in the right side. ...
0
votes
1answer
280 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 ...
0
votes
1answer
35 views

Object ProductRequest is not supported in UI API

I am using following lightning code but unfortunately, I am getting error. Can anyone please help me to fix this (I read some articles and they mentioned that this object is not supported in UI API) &...
0
votes
1answer
45 views

Dynamically update Lightning path (Chevron)

My Lightning/Salesforce Path was displaying the Chevron based on the Case Pick list field which has 15 pick list options. Every Case is unique and doesn't require all the 15 options, how can I make my ...
1
vote
1answer
63 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 ...
0
votes
1answer
56 views

Run function multiple times

i am developing in lightning and i have a function in controller copyTrans : function (cmp, event, helper) { helper.copyTransaction(cmp, event); console.log('copy in controller'); } What i ...
0
votes
0answers
8 views

error in leadconvertnoworkflow VF page in Lightning

I'm getting the following error on this VF page for Lead Conversion Invalid parameter for function URLFOR Error is in expression {!URLFOR($Action.Lead.Convert, lead.id, [retURL=$CurrentPage....
0
votes
0answers
53 views

How to make lightning:progressIndicator read only?

We have a data entry form and we are using lightning:progressIndicator as a way to show their progress. However, we don't want the user to click-ahead nor do we want them to click back on the progress ...
0
votes
0answers
28 views

Lightning SLDS stylesheets on visualforce SITE

I have an issue with styling visualforce page that will be exposed as a site with lightning SLDS stylesheets. I'm using lightningStylesheets="true" on my page and if I preview it in salesforce ...
0
votes
3answers
131 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....
5
votes
1answer
301 views

How to get the display density in a lightning components controller?

Is it possible to see if a user is in Comfy or Compact display density in a lightning controller? This is a new feature since Winter '19 and I cant find any documentation about this.
1
vote
1answer
92 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 ...