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
0answers
15 views

lightning:Iteration to split 3 objects records and show in lightning data table

I want to split the data from a single method, which is of the return type of account, contact, and custom object. I have 3 data tables. I want to show all those 3 tables with different objects. Is ...
0
votes
0answers
12 views

Lightning:Map - information balloon not working when the mouse moves over the Marker

I am using lightning:map to display the accounts on google Map with multiple marker options. Lightning:Map only shows information balloon when we click on the marker or when the account name is ...
0
votes
2answers
28 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 ...
0
votes
2answers
32 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
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 ...
0
votes
0answers
25 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
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
60 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
votes
2answers
30 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. ...
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
1answer
56 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'> <...
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
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"> ...
2
votes
0answers
67 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 ...
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
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?
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(...
4
votes
3answers
196 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 ...
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
vote
1answer
31 views

Unable to display action lightning design icon in visualforce page

I'm trying to use one of the action icons from the lightning design system on my visualforce page. But I'm getting the icon color in black & white. I have tried to fill color from the CSS too but ...
-1
votes
1answer
60 views

I am getting Error at the time of saving the record using page reference to navigate to standard application, Please help

Controller - appNavigation : function(component, event, helper) { var action= component.get('c.getAllApps'); console.log(action); action.setCallback(this,function(response){ ...
0
votes
2answers
48 views

Is it possible to show action button in lightning outside of dropdown icon?

Currently buttons are visible within this drop down icon Is it possible to show these buttons directly like this ?
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
25 views

Checkbox misaligned in mobile view

I have a table which I am showing stacked in the mobile view. I have a checkbox input to show an indicator, it looks alright in desktop view, however gets misaligned in the mobile view. I have tried ...
1
vote
1answer
64 views

Table as horizantal scroll and body as vertical scroll but header should be freeze

We have a requirement i.e Table scroll should be horizontal and vertical but when we scroll vertical, title should be Freeze . I have achieved almost requirement but when i scroll vertically Table ...
4
votes
2answers
558 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>...
3
votes
3answers
99 views

Not able to add dynamic style based on device

I am trying to add dynamic style one of lightning layout, the code goes till the device identification yet it doesn't apply the proper style. Here is my code:- <lightning:layout aura:id="...
1
vote
1answer
73 views

How to escape lightning CSS scoping

I have a component called basic, with the following in it's css file (basic.css) td { background: red; } The rendered CSS comes out like td[c-basic_basic]{background: red;} Is there a way to ...
0
votes
0answers
40 views

SLDS in Internet Explorer 11 / slds-grid is not working

How to fix it? <html style="height:100%"> <head> <link rel="stylesheet" type="text/css" href="slds/styles/salesforce-lightning-design-system.css"> <title>CIS IDS</...
0
votes
2answers
109 views

I want to Navigate my list of account to account detail page [closed]

Apex Class - public class searchAccountController { @AuraEnabled public static List < account > fetchAccount(String searchKeyWord) { String searchKey = searchKeyWord + '%'; List < ...
0
votes
0answers
17 views

Show List of Account Records and sort them according to selected button value (Multiple button can be clicked or selected)

I want to Show Records on the button Click Below Code is Working fine but i want to add Multiple button click check without Deselecting previous Button. In the above Picture if i select Hot it will ...
0
votes
1answer
62 views

Lightning LayoutItem flexibility not working properly

I am using lightning setup assistant in my UI, and I am trying to make it mobile responsive. The button in question here is Add Email Address I am trying to set size attributes accordingly, however ...
0
votes
0answers
31 views

How to add the hover to the Kanban view when you move the mouse over one record?

We can config the hover in detail page in the compact layout/ mini layout. However, for the kanban view, I think we will need to build the all Kanban in Lightning Component. Please correct me if you ...
0
votes
1answer
62 views

lightning-input-field displays differently in production and sandbox

I have the exact same code in production and sandbox. Things look as expected in sandbox, but in production I can see different css being applied. In Production the lightning input field is being ...
0
votes
1answer
60 views

Formula Text value not appearing in Lightning component

I'd like to show the value of the formula text field. The formula text field is {!v.opptyOwnerName.Account_Name__c} but on the lightning page the value doesn't appear. FYI the Accounts {!v....
0
votes
0answers
24 views

How to Populate the pick list field value in lightning component

I have a custom lightning component that creates a new Task record. I use Ui:inputtext for status and priority field in Task .My requirement is i need to auto populate the default values for these two ...
1
vote
2answers
87 views

Increase Spacing Between Lightning-Icon and title

Trying to get the spacing between this icon and text. Any advice? <h3 slot ="title" class="slds-card__header-title slds-media__body"> <lightning-icon icon-name="standard:...
0
votes
0answers
22 views

SLDS via Node.js

I am trying to work with the Lightning Design System in a Node.js program and I have a question about the design tokens. What is the best way of either dynamically changing the design token values, OR,...
0
votes
0answers
24 views

Mobile UI issue in lightning buttonMenu Aura Component

I just notice that Lightning:buttonMenu aura component size bigger in the mobile after winter 20 Salesforce release. Is it any way to control the size as previous because it's breaking our UI. Its ...
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
0answers
19 views

Render DesignAttribute configuration by visualforce page (LightningOut)

Hi I have a lightning component with design attributes. I want to render this component in salesforce classic view. So I have created a visualforce page and embedded the lightning component using ...
0
votes
0answers
18 views

Same file is getting attached “ total number of file times” through when i try to attach multiple file in SFDC lightning “KIndly assist”

Controller: handleSave: function(component, event, helper) { if (component.find("fuploader").get("v.files").length > 0) { helper.uploadHelper(component, event); } else {...
1
vote
1answer
387 views

LWC lightning-spinner not able to display the text

I am able to add a lightning-spinner in an LWC component, but I'm not able to display the text along with the spinner. I need some help regarding the same. I tried both alternate-text in HTML & ...

1 2 3 4 5 14