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
0
votes
1answer
19 views

error - Uncaught Action failed: c:qf_Questionbuilder$controller$SelectLookupItem [Cannot read property 'config' of undefined]

i am getting the following error. Uncaught Action failed: c:qf_Questionbuilder$controller$SelectLookupItem [Cannot read property 'config' of undefined] This is when my helper tries to refresh the ...
0
votes
0answers
17 views

How to handle when Lookup defaultFieldValues parameters for e.force:createRecord are null

If the record has the RecentAccount__c lookup field populated then the new record creation modal pops up perfectly without error. Otherwise, if the record does not have the field populated it throws ...
2
votes
3answers
2k views

How to code 'scoped tabs' in Lightning Design System?

I want to use the 'scoped tabs' component in a demo community on the Napili template. Example of 'scoped tabs' from LDS (Lightning Design System) at https://www.lightningdesignsystem.com/components/...
4
votes
5answers
5k views

Lightning Design System Tabs not working

I tried doing this but the tabs dont work. When I click to Item Two, it doesn't navigate. What am i missing? <div class="slds-tabs--scoped"> <ul class="slds-tabs--scoped__nav" role="...
1
vote
2answers
2k views

Creating a tab on a lightning component using aura and lightning design system

Trying to use the css from https://www.lightningdesignsystem.com/components/tabs/#flavor-default to create a tab on my component. In the documentation they say i need to toggle classes on different ...
2
votes
1answer
142 views

Unable to upload the LDS 2.10.0 as static resource

As we know that static resource has a limit of 5MB, I am trying to upload the LDS winter 20 as static resource, but its size is more than 5 MB https://lightningdesignsystem.com/downloads/ In this ...
0
votes
2answers
31 views

How to create a link to the record page using lwc?

I am using LWC and would like to create a link to record's detail page when using the <lightning-tile> element. Question: How can I do this using the href attribute? I have tried the ...
0
votes
2answers
1k views

Unable to use SLDS Icons in Lightning Web Component

I am developing an app and I need to add SLDS icon with custom color (i.e. green or blue) to the UI. Which is why I can't use <lightning-icon> component because you can override it style. Thus ...
0
votes
1answer
361 views

Scrollbars always visible in lightning page

I want to show both scrollbars always visible as my content in table is too large row and column wise. How can I implement this? PLease find this figure to understand what I want. Currently I am ...
0
votes
1answer
54 views

How can i use var() in css in LWC?

This is what I'am trying to do: HTML: <li class="navBar2" style="--lwc-beforeColor: #0ec2df"></li> .css .navBar2{ height:29px; background-color: var(--lwc-beforeColor); } But ...
0
votes
0answers
14 views

How to create custom VF page similar to standard lightning page in salesforce?

I have a existing complex VF page which consist of two VF components nested in it which fetches fields from multiple field sets based upon logged in user. What would be the best way to implement/...
0
votes
1answer
33 views

What is the path to Lightning SVG icons in a sandbox?

So far I have found and tried three paths, but none of them is resulting in an icon being displayed. I am using this code, provided by Salesforce: <div class="slds-form-element"> <label ...
3
votes
1answer
593 views

Radio Button in Lightning Design

I want to use radio buttons in Lightning Design. In my Visualforce page, I am retrieving the options from my controller and doing something like this: <apex:repeat value="{!SiteDetails}" var="rad"&...
0
votes
1answer
36 views

slds-size Not Working Properly For All Elements

I have the following HTMLin a Lightning Web Component: <div class="slds-grid slds-wrap"> <div class="slds-col slds-size_1-of-3 slds-p-bottom_small"> <div style="font-...
0
votes
0answers
24 views

Can I use lightning out on Heroku to show LWC?

I have created a LWC in my Salesforce Org. This LWC uses Salesforce org data like account, contacts etc. Now, I need to show this LWC on Heroku app. Can I use Lightning out to do this? Or is there ...
0
votes
0answers
58 views

Lightning Component issue sObject type 'Site' is not supported in Spring '20 Sandbox

I am having an issue saving any lightning component code in the developer console. I think that this must be an issue with Salesforce because even just changing string values with in html causes error ...
3
votes
1answer
30 views

How to use new slds charts in lightning componets

I could see that, salesforce release new feature in SLDS charts under Design Guidelines. https://www.lightningdesignsystem.com/guidelines/charts/ I cannot see any explanation of how we can use these ...
1
vote
1answer
374 views

lightning-input-field [Lightning Web Components]

I am currently trying to make a table where I use the lightning-record-edit-form. I am trying to make the helptext icon disappear (without deleting it on the field itself), without any luck.. Can ...
-1
votes
2answers
29 views

How do we update the value to the specific row in LWC? and also what if I do mass update for all the rows?

<template for:each={myList} for:item="foreCast" for:index="indexVar"> <tr key={foreCast.id}> <td data-label="Account Name"> <div class="slds-align_absol[![...
0
votes
1answer
14 views

How to prevent aucomponent table from growing in size so that it changes the size of the component?

Hidden Component 3 is a table (not lightning data table.) It is fetched with some data-- but when the text gets too large (even with truncation), the entire component will grow with the table. ...
6
votes
1answer
6k views

Cannot get attribute value from <a> tag when <img> is an element of it

I'm facing a wierd UI issue when I use- <a href="www.someLink.com" onclick="c.controllerFunction" data-attriVal="abc"> <img src="resource/image.PNG"/> </a> In my lightning ...
4
votes
2answers
554 views

LWC lightning-card border not shown with slds-card_boundary

Playground example https://developer.salesforce.com/docs/component-library/tools/playground/KLHs3GU9 I have a Lightning Web Component template with a lightning-card in an App Page. <template>...
0
votes
1answer
642 views

Passing attributes between components

NewBee Lightning, I have a very small requirement of passing values from textbox of firstname field from one component to other component and last name field value from second component to first ...
6
votes
2answers
387 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 ...
3
votes
1answer
635 views

onclick not working for ui:outputcurrency

I have code that iterates over a list. for some reason the onclick method does not seem to fire. Is there something wrong in my code below? Also how can I get the index id of the clicked row ?` <...
2
votes
1answer
39 views

Getting input field type from lightning:input tag

I want to get input field type information in my lightning javascript controller. How is that possible? For ex: <lightning:input type="number" value="{!v.value1}"/> <lightning:input ...
0
votes
2answers
1k views

How to change a class of 1 element through onclick from 2 element?

I have 2 lists. First is all my objects. Second - selected object (I use "Select" button to add my obj to second list but without deliting it in the first list). I can also delete the objects from the ...
0
votes
1answer
52 views

Error in Lightning Web component :afterRender threw an error in 'c:lightning' [Cannot read property 'data' of undefined]

Below is my code for Lightning Web Component: HTML File: <template> <template if:true = {files.data}> <template for:each={files.data} for:item='file'> <...
6
votes
3answers
2k views

Hide Standard Page Header in Custom Lightning App page

Is there a way to hide the page header in a custom Lightning App shown below ? This banner is not available in the Edit page section. I have selected 'One region Template' and added just one ...
12
votes
1answer
756 views

mCustomScrollbar not working when Locker Service is enabled in Salesforce-1

I am having problem when using mCustomScrollbar (GIT Hub) when locker service is activated. During initialization of mCustomScrollbar in the helper, it throws the following error [TypeError: ...
2
votes
1answer
54 views

Spinner with a delay to disappear!

I created a component where I use lightning Spinner a lot, especially when I have to search for information in the Salesforce database or after some dynamic procedure on the screen, like a calculation ...
0
votes
1answer
514 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
1answer
25 views

Error when trying to set values for <force:inputField

I'm trying to set the default value of lookup for I'm getting the error when I try to set value: var value = [{ type: 'Account', id: "0014343234543", label: "Related To" }]; component.find("...
0
votes
0answers
16 views

I want to view vf page in lightning style

I have created a vf page and used the lightning style sheet (lightningstylesheet="true"), I have also made the vf page public , but I am facing an issue as I am not able to view my page in lightning ...
0
votes
1answer
26 views

Nested Checkbox in Lightning Component

I need to build nested checkbox in lightning component, like the below image. I tried to achieve this using ul and li tag but its not appearing like the image: <lightning:layoutItem size="2"> ...
0
votes
2answers
1k views

Error message from server side controller lightning

Hi i want the error message to be displayed, i am getting value in response.getError() function, i want message argument in this function. Below is the snippet of how i'm doing, i am getting undefined ...
2
votes
0answers
66 views

Animate custom refresh lightning-button-icon LWC

I want animate a lightning-button-icon as the standard Salesforce refresh button in LWC. I've already seen a related question but the answer was not conclusive, at this point I don't know if it's ...
1
vote
1answer
4k 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
0answers
37 views

Responsive Lightning design component

I have an lightning component and I am Using it in two different record detail page ,One on main page and other in small side bar. My component is compatible with the main bar,But when I placed my ...
0
votes
1answer
38 views

Fix the Lightning component on app page

I need to fix the position of 1st component on top & 2nd component at the bottom of page.Both shouldn't be scrollable (As i want them as buttons). If any other component is in between that should ...
0
votes
1answer
38 views

Is it possible to link slds to an embedded chat deployment?

I am building a chat deployment to be embedded on an external site. I created a custom prechat form using aura/lightning components that rely on styling from slds. When embedded in the external site, ...
0
votes
1answer
1k views

lightning:menuItem in lightning:buttonMenu is not working in a nested component

I have two lightning components. One gets account's basic information on load and iterates over it and another displays the each account's basic information in a row. I have explained the div tag ...
0
votes
0answers
22 views

LDS Multiselect picklist

I am trying to use the following code from the Lightning Design System documentation. I am getting SVG errors. Can someone tell me how to resolve this? Can I use something other than the svg code?
4
votes
3answers
192 views

lightning:card Icon size

Is there a way to set icon size? Like in this example: <lightning:card iconName="action:flow" title="My beautiful title"> Is there an equivalent of class="slds-icon_xx-small" I have tried ...
2
votes
1answer
385 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 ...
2
votes
3answers
1k views

<aura:html tag=“style”> not working after summer 19 release

I applied the below code to increase the width of quickAction lightning component <aura:html tag="style"> .slds-modal__container { width : 60% !important; max-width : 80% !...
4
votes
5answers
4k 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 ...
3
votes
1answer
135 views

Dynamically changing lightning button icon name with setAttribute not working

I'm trying to change the icon of a lightning button icon but the image isn't changing however I see that the attribute is being updated. this.template.querySelector('#'+event.target.id).setAttribute(...
2
votes
3answers
794 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
18 views

Custom Lightning Home Page Template not displaying Dashboard content

I've created a custom lightning home page template. It mostly works in the sense that it has the desired layout and displays most components that are configured on it. However, when I drop a ...

1 2 3 4 5 14