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

Unable to change the styling for lightning outputfield for checkbox inside lightning page

I already seen this link and it didn worked Styling lightning:outputField checkbox <aura:component implements="flexipage:availableForAllPageTypes,force:hasRecordId" access="global"> <...
0
votes
0answers
62 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
16 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
50 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
23 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 ...
0
votes
0answers
13 views

Is it possible to change these sub tabs in Salesforce Outlook Plugin?

Is it possible to change/edit the subtabs in the outlook app for Salesforce?
-2
votes
1answer
54 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
27 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
21 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
36 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
30 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
35 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
22 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
60 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
51 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
26 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
65 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
88 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
0answers
22 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
80 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
135 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
45 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
29 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
75 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
35 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
34 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
54 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
103 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
53 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
505 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
54 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
46 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
94 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
42 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 ...
1
vote
1answer
311 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
62 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
53 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
41 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
37 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
105 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="...
0
votes
1answer
48 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
15 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
85 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
1answer
117 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
253 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 ...
0
votes
3answers
367 views

How to override CSS of Lightning Component

I want to change the styling of several Lightning Component elements such as: Changing the background of navigation of Tabset from light grey to blue: From this To this The code I written in .cmp ...
3
votes
1answer
133 views

How do I produce a “New” record button to look like a standard “New” button?

Basically I want to create an input area for a new record. I'm trying to get it styled like the standard "New" Button. I have tried doing it via Visualforce but it looks like a completely separate ...
1
vote
1answer
131 views

Hiding the title on a lightning card

I've been running into an issue where I've got a re-usable component that uses a lightning:card attribute. In the normal course of things, having a title is great; however, in the context of using in ...
0
votes
1answer
278 views

Can we add bold style to last row in Lighitng Data table??

I am using "lightning:datatable" tag to display set of rows in UI. Few columns are numeric data. I needed last row to be summarized values of all the data set. I don't find any standard summary ...