Stack Exchange Network

Stack Exchange network consists of 175 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
17 views

Override Standard New Action with Component that shows fields based on page layout/record type

I am looking to override the standard "new" action on the account object with a custom lightning component. I would like the user to be able to select the record type of the account they will be ...
0
votes
0answers
21 views

Auto refresh the timeline page component if case created

Using lightning, I noticed that on Opportunity, if I add some products Opp - records, the page will automatically refresh just after. It is very convenient, because it permits to see the updated ...
0
votes
3answers
40 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
22 views

How to show different div content in one div block by clicking on different div blocks [on hold]

I have a lightning component with 9 div boxes in it. By clicking on these divs, it should the content inside it in another component or another different div box. Is there anyway to do this? I am very ...
0
votes
1answer
24 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 ...
0
votes
1answer
44 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
42 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-...
1
vote
0answers
31 views

Issue with setting lightning:map center attribute in Summer 19 preview

Wondering if anyone else has come across this and may have a solution/suggestion. I have a customized mapping component our service people are using, and while preparing to work on something else for ...
2
votes
1answer
55 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
1answer
64 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
44 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 ...
0
votes
1answer
62 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
57 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
81 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
38 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
32 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
16 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
88 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
29 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 ...
0
votes
0answers
53 views

Login As User via Lightning Button

Is it possible to get the same functionality via a Lightning button. User[] techmann = [select id, name from User where Name='Dave Roberts' limit 1]; if (techmann.size()==0){ ...
0
votes
1answer
20 views

Can Expandable Panels Be Created Using Native Lightning Components?

I have a requirement to be able to split a Lightning Component into two panels with the right panel expandable/collapsible. Similar in a way to sections but sections act in the opposite way, they ...
0
votes
1answer
27 views

Display values on click on lightning button icon

I am using a lightning button icon in an html table in Salesforce Lightning Component just like the example given in the documentation. https://developer.salesforce.com/docs/component-library/bundle/...
0
votes
0answers
23 views

Lightning:MenuItem label should be display under the HISTORY captions

When we click any of this Lightning menuItem options, the label(name) of the Lightning menuItem options should be display under the HISTORY. like Lightning Component page: <aura:component ...
0
votes
1answer
95 views

Lightning OverlayLibrary Background Color for Header and Body

I just want to modify the background color of whole header section and body of my lightning overlayLibrary. here is my code : Popup Component <aura:component implements="forceCommunity:...
0
votes
0answers
137 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 ...
0
votes
1answer
17 views

How to change the value of disabled with aura:if?

I have a few text input fields and 1 lightning:input type="file": <lightning:input type="file" name="file" accept="image/jpg" id="photoFile" onchange="{!c.handleFile}" disabled="true"/> I have ...
2
votes
1answer
151 views

Help Text On Fields of Custom Lightning Component

I have a lightning component in which i want to display help text for the fields. I can use for sure. But is there any way to get the help text from backend. I mean when we create the field in the ...
1
vote
1answer
58 views

Arrange Lighning layout in LWC so that children occupy all the space

Standard layout component <lightning-layout> from Lightning Design Bundle in LWC provide several options to arrange children components: using horizontal-align="spread" would spread children ...
-2
votes
1answer
85 views

Lightning Web Component [duplicate]

Is this the right time to start switching to Salesforce's new Lightning Web Component model (Is this perfectly compatible with Lightning Aura model, Lightning Data Service, Lightning Design System ...
0
votes
1answer
49 views

Path - Responsive and

I need make a Path responsive, and smaller. I copy this example of the SLDS documentation: https://www.lightningdesignsystem.com/components/path/#site-main-content I need to include this component (...
1
vote
1answer
28 views

Set relative height for ui:scrollerWrapper

I'm trying to implement a ui:scrollerWrapper for a Lightning Component in a quick action in the Salesforce app. I'd like to have a scrollable section that occupies 60% of the screens height, so I ...
1
vote
0answers
61 views

Header not showing in Lightning Experience on VF Pages [closed]

Both in Trailhead and in a developer organization, VF Pages in Lightning Experience are not showing in the standard Lightning headers/sidebars as they do show in Salesforce Classic. Picture 1 shows ...
0
votes
1answer
35 views

Checking a Salesforce Checkbox When A Button Is Clicked

I would like to set the IsEscalated button to checked once the escalate button is clicked. Here's my code <aura:component implements="flexipage:availableForAllPageTypes,flexipage:...
0
votes
1answer
124 views

SLDS table content is not truncating the long text

SLDS table is not truncating the long text in table column. I have given slds-truncate class as well but its not working. <aura:component implements="force:appHostable,flexipage:...
0
votes
1answer
35 views

Lightning Design System - VF Sorting Function

We're adding some additional functions to an older tool which was originally built using the Lightning Design System on Visualforce. The stakeholder is requesting a sort function on a datatable which ...
4
votes
2answers
79 views

Pull an item outside of slds-grid

Trying to get a design that is configurable as either one or two columns. This uses a recordEditForm which make it challenging as the button MUST be between the recordEditForm tags. current code: &...
0
votes
1answer
154 views

Lightning component in quick action [duplicate]

We want to run custom lightning component in the lightbox for quick action. Is there any way to display the same layout but for custom component?
0
votes
0answers
33 views

Correct formula for the last page in pagination

I make a pagination for lightning for my list of objects. First part is great. But when i get to the last page (v.pages == v.page) - something goes wrong. Values for the number of objects are ...
0
votes
1answer
242 views

How to use Salesforce Sans font in lightning component?

I have uploaded the Salesforce Sans font as satic resource in my dev org. How to use this sytle in my lightning component. <lightning:layout multipleRows="true"> <lightning:layoutItem ...
0
votes
2answers
25 views

Is there a way to use SLDS and CSS for different sections of a VF Page?

I am making a VF Page in which I need to use SLDS in some places and CSS in others. The problem is that CSS and SLDS both interfere with each other and the UI gets really weird. Can I define a scope ...
0
votes
0answers
195 views

Lightning Gantt Chart Development

I am developing a gantt chart based on the object in our org and got stuck in between. The aim is to define a range of date on X-Axis(Due Date and Completed Date) and Y-Axis should contain the name ...
0
votes
1answer
52 views

“No preview available” after uploading ContentVersion with Lightning

I get my test image in files, but can't to see the preview. How can I fix that? @AuraEnabled public static void save(String resumeId, String versionData){ ContentVersion ...
0
votes
2answers
382 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 ...
2
votes
1answer
351 views

How to upload a ContentVersion with lightning component?

I'm trying to use simple apex class and simple controller like a test. But can't upload ContentVersion. What is wrong here? handleFileSelected: function(component, event, helper) { let files = ...
0
votes
1answer
121 views

Show Custom Links in Lightning Home Page

I have a custom lightning component in my home page "Salesforce Login" Now my scenario is whenever I am clicking this "Salesforce login" in my homepage, it should redirect me to salesforce login page. ...
0
votes
1answer
78 views

What is the alternative to using PageBlock in Visualforce for creating a form?

I need to create a form in a visualforce page and use slds to style it. I know we can't use slds in apex:inputField and apex:pageBlock. If I dont use pageBlock I'm not able to see the label for each ...
0
votes
2answers
179 views

Style in lightning datatable. Overlap values

I have a lightning datatable, and I have a problem. If I edit the bottom column, the values is overlap on the table Steps: click on editIcon on botton column (OK), click on editIcon on other value of ...