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
225 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
37 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
57 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
112 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
199 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/...
1
vote
1answer
369 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
322 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
39 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 ...
3
votes
1answer
646 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
583 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
155 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
150 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 (...
2
votes
1answer
102 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
200 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
97 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
540 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
70 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 ...
3
votes
2answers
132 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
365 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
38 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
765 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
51 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
287 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
189 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
982 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
1k 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
463 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
211 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
453 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 ...
0
votes
0answers
74 views

Lightning Application CSS rendered inline

For all lightning applications in my sandbox, I'm noticing all of the SLDS CSS is being rendered inside an inline <style> tag - over 4,000 lines of CSS inline. I would have expected the SLDS CSS ...
1
vote
0answers
58 views

Change the style of 1st list's element through onclick from 2nd list's 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
633 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
1k 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
481 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
928 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
365 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
102 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
567 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
51 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 ...
2
votes
1answer
564 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
182 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
206 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
49 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
56 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
402 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="...
1
vote
1answer
239 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
21 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
685 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
2answers
628 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
841 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 ...