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
18 views

How to use Path Celebrations Feature in Lightning web Components?

I am just wondering, if we can use this below feature in custom lightning web components? https://admin.salesforce.com/build-user-engagement-with-path-celebration
0
votes
1answer
31 views

Search & Column Sorting with SLDS Data Tables

I am trying to make a basic, external app with the Salesforce look-and-feel using Salesforce Lightning Design System (SLDS). Notably, the app includes data tables so I want to use the Data Table ...
-3
votes
0answers
21 views

Issue while calling Lightning component from VisualForce Page: Lightning out App error in callback function [on hold]

Please take a look at the code at below link: https://developer.salesforce.com/forums/ForumsMain?id=9062I000000ILpdQAG I've updated the code of Application Component <aura:dependency resource="...
5
votes
0answers
67 views

Lightning Web Components Open Source with Lightning Design System (lwc with slds)

I am trying to local development with Lightning Web Component. The https://lwc.dev works good and I want to also add the Lightning Design System style but I am getting errors. I have installed the ...
0
votes
0answers
15 views

Progress Ring fill clockwise

I am using Brian's Progress Ring Component here- https://gist.github.com/brianmfear/d1308608c0facdc626b85c9c248fc7af It works great, however it fills in anticlockwise way. I have a requirement to ...
0
votes
1answer
32 views

Lightning Design SFMC

I'm creating a microsite in Salesforce Marketing Cloud. My client want to have a lightning desigh for this microsite. Is it possible to do this ? I would like to know if there is any lightning CSS ...
0
votes
2answers
97 views

fire @wire on an event change LWC [closed]

I have a picklist in a combo-box, on change of the picklist value @ wire method should fire is it possible or what is the work around??. As per the below example when this.l1productId value changes in ...
0
votes
1answer
30 views

lightning:formattedRichText: slds-truncate Not working

I am trying to truncate a richText field in a table.I've tried to use 'slds-truncate' but to no avail. Here's what I'm getting: Here's the code I'm using: <table class="slds-table slds-table--...
0
votes
1answer
25 views

Div not stretching 100% width/height in Lightning

Attempting to create a lightning component which will be wrapped by a div which is all white but it is not making up 100% of the width/height. <aura:component implements="force:appHostable"> ...
0
votes
0answers
18 views

How bring Lightning component within a modal popup to front?

I have a lightning component in a modal popup and that lightning component is having an input lookup field which opens another lightning component(search result box in screenshot). <Parent ...
0
votes
0answers
26 views

Is it possible to restrict user to certain record type while creating new record from lightning lookup field

We have a scenario where when a user is looking up for a organization it should only look for External Org records which was acheived by Lookup filter in Lightning. The challenge is when there is no ...
0
votes
1answer
60 views

Need help on SLDS with LWC

I am trying to implement the Custom Date Range Picker using Lightning Web Component Framework. My Code is allowing to select start Date and End Date and it is also highlighting the days in between ...
0
votes
2answers
34 views

How to reload custom lightning component in a lightning page tab every time I click on the tab?

I have one lightning component named "Add/Edit Invoice Line Item" (as seen on screenshot) I want to reload this component every time a user clicks on this tab. Is there any way or event which can be ...
2
votes
1answer
42 views

Open LWC as a full page without salesforce header

I have a button on Lightning Record page. On click i am redirecting to a LWC. Is there anyway where i can redirect or open the LWC in a full screen page. As of now it is opening with salesforce main ...
0
votes
0answers
17 views

Dynamic component creation issue in lightning

I am trying to create a component dynamically in lightning. In the following code, I get an error saying, "Error: TypeError: Cannot read property 'getDescriptor' of undefined" The first argument in $...
0
votes
1answer
89 views

Disable checkbox in lightning:datatable

Below is my lightning datatable <lightning:datatable columns="{!v.myclmns}" data="{!v.mydata}" keyField="id" ...
0
votes
0answers
21 views

A Data Table with both column and row headers present using SLDS?

I need to create a Data Table with column header and row header. Data Table from the Component <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-...
0
votes
1answer
228 views

LWC Composition for fields inside a record-edit-form

I have a lightning-record-edit-form with multiple lightning-input-field. I'd like to put some of the input-field into a child component, say childComponent. The code is attached at the end. However,...
0
votes
0answers
23 views

Lightning Component created for quick action. Will that need users to have lightning enabled to see it in salesforce1?

I have created a lightning component for quick action on record detail page. Will that need every user to have lightning enabled to see that component in Salesforce1.
1
vote
1answer
34 views

Issue with firing an event inside window.setTimeout

I am not able to find where i am doing wrong. i have a parent component A with two child components B and C my scenario is to fire an event in window.setTimeout of component B and send it to ...
0
votes
0answers
17 views

Need to remove spacing between columns

I need to remove extra spaces between columns, I tried and cellspacing and padding, however it didn't work. this is my code <!--List Table--> <table class="slds-table slds-table--...
0
votes
1answer
24 views

I am inserting single record with single file.but how to insert single record with attach multiple files using lightning input

i Am inserting single record with single file but how i can insert single record with multiple file in single transaction using lightning aura component.please let me know. please refer this link ...
0
votes
1answer
44 views

Visualforce design

I created a visualforce, but no change reflects on the page. I'm using the lightning design system and I took this as an example: DIV in lightning design system: On my visualforce page: This is a ...
0
votes
2answers
125 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
0answers
15 views

Lightning designs are not working in HTML pages

I have created Snapins pre chat component and it works very well with all of its designing and styles inside Salesforce but when i integrate it with external html web pages, none of the lightning ...
0
votes
0answers
19 views

Maintain lightning design in HTML webpages

I have one lightning prechat component for snap-ins that we have included in Communities and it works pretty well. But the thing is now we want to put that snap-ins code into HTML website. HOw can ...
0
votes
1answer
32 views

How to render a section based on Lightning:inputfield change?

I have a visualforce page in which I am calling the lightning component. Based on a field change, I want render the bottom section of the component. here, the status field is a picklist and I want to ...
0
votes
1answer
63 views

Custom Style For Lightning Toast

Is there a way to customize the style (color, font-size, height) of lighting toast? I'm trying with css but have no success.
0
votes
0answers
19 views

How to set custom error messages in lightning:recordEditForm [duplicate]

I am using lightning:recordEditForm to populate specific fields in lightning component. I am also able to validate user entries by fetching field values using aura id. Is it possible to set custom ...
0
votes
1answer
32 views

lightning:buttonMenu don't show on bottom

I've a lightning:buttonMenu in my footer: Component: <lightning:buttonMenu aura:id="menu" alternativeText="Show menu" onselect="{! c.handleSelect }"> <lightning:menuItem aura:id="...
0
votes
1answer
52 views

Lightning:recordForm custom buttons

Is it possible to include custom buttons on Lightning:RecordForm or any of its variations ? Specifically a "save and new" button. If this is not possible, should the alternative be to create a ...
0
votes
1answer
41 views

Does exist an expression lightning component and/or expression lightning web component equivalent to SLDS expression?

In the SLDS documentation, I've found a whole page about expressions, how to use them and how to make them similar to the ones implemented in Salesforce UI. Does exist something similar as a ...
0
votes
3answers
60 views

Can I add a Lightning Component to Page Layout?

If yes - how can I do this? Header: <aura:component implements="flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId" access="global">
0
votes
1answer
41 views

How to hide checkbox for specific records or only to parent rows in lightning treegrid

I would like to hide the checkbox only for parent rows . I am not sure how to achieve it. I went through the lightning library but I couldn't find any information related to it. <lightning:...
0
votes
0answers
17 views

Custom CSS Lightning Web Components - Remove Outline from Input Field [duplicate]

If, for instance, an input field is rendered with lightning-input, and I want to add custom styling e.g. a border color to or remove the outline from the input field. How can I do that? I have tried ...
1
vote
1answer
91 views

How to disable button on parent record in lightning:treegrid component

I am newbie to lightning and I am having treegrid lightning component in which I have button column. My requirement is to disable or hide the button on parent record. Below are my code. I am not sure ...
1
vote
1answer
48 views

How to toggle classes off one element and on another after onclick

I am creating a custom menu using the Salesforce Lightning Design System Global Navigation with sub tabs <div class="slds-context-bar slds-context-bar_tabs"> <div class="slds-context-...
2
votes
1answer
173 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% !...
1
vote
2answers
154 views

issue with Summer'19 release

Guys I could see that the comfy and comfort views for lightning experience have been changed. If you could see the below screenshot I have use a lightning select in a modal popup(custom lightning ...
0
votes
1answer
124 views

lightning:inputField is not rendering, saying the request is missing the field data when it is not

I am trying to display a list of date ranges based on an objects start and end dates using a lightning component. When I open it in a visualforce page as part of a set of nested components, it will ...
1
vote
2answers
334 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 ...
4
votes
1answer
68 views

Standard way to show “empty ui” loading in Lightning Web Component

Is it possible to use standard functionality to show empty component on loading (instead of loading spinner)? For example in lead convert mapping we can see empty table and then all data inside:
0
votes
2answers
127 views

Change backgroud color of a checkbox

I want to change the color of my checkbox in lightning I have the following piece of code in my cmp <lightning:input type="checkbox" label="P" class="{!(v....
0
votes
1answer
71 views

$A.util.removeClass not working sometimes

I've created rerenderer function to hide the field after component is loaded but it still doesn't work as expected. Note: I've not added slds-hide or slds-show class in component. Just trying to hide ...
0
votes
2answers
64 views

Prevent Wrap on Checkbox Button Group

I'm seeing some weird formatting where it's refusing to expand the Checkbox Button to keep it all on one line and insists on wrapping down to a second line. Please see the "View All" and "Modify All" ...
0
votes
0answers
21 views

How to refresh view in lightning when I change the object's filed value in controller?

Component <aura:attribute name="Lead" type="Lead" description="潜在客户信息"/> <lightning:recordEditForm aura:id="editForm" recordId="{!v.recordId}" objectApiName="Lead" > <lightning:...
1
vote
0answers
18 views

Drodpwn goes off the mobile width when expanded in lighnining component [closed]

I have one lightning component. In that lightning component, I have one dropdown which goes out of the mobile width when expanded in mobile devices. How can i make it responsive so that its width ...
0
votes
0answers
17 views

Fields getting misplaced in mobile devices

I have one lightning component placed inside community. it looks good in desktop but in mobile devices when submit button is clicked without filling any of the fields then validation is fired and ...
0
votes
0answers
166 views

Lightning:RecordEditForm - Set values to null after form submission

I have a Lightning:RecordEditForm that creates a record after the form has been submitted. Once the form has been saved, I require the values on the form to be set back to null, as multiple responses ...
0
votes
0answers
30 views

Pagescroll/Refresh not working in components which are navigated to a lightning component in Salesforce1 app

I have component 1 and button when clicked will redirect to component 2. Scroll and refresh works fine in component 1 in salesforce1 but scroll and refresh doesn't work when in component 2 in ...