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
2answers
16 views

Increase Size of Checkbox using slds styles

I have an input field that looks incredibly small. It's a checkbox, and I would like to increase the size of the box. disclaimer: 'Images in screenshot may be larger than they appear' :D Html <...
0
votes
1answer
24 views

How to show fields from different Objects in a single lightning-record-form in LWC

There is a use case in which we have to build a form using lightning-record-form. We have to display the set of fields from different objects into that form in different accordion sections. I was ...
0
votes
0answers
28 views

Expand collapse for parent and child rows in a html table in Lightning

I am looking to have an expand collapse for the below html table (Parent should have all the childs beneath it and when collapsed it should display all the childs, by default it should show only the ...
-1
votes
2answers
31 views

How to deserialize in Java script

I have a string returned into js from a wrapper class and want to desrialize and change to list<string> but not be to convert. I have tried the below code . var listData = (list<string>)...
1
vote
1answer
132 views

LWC datatable Header wrapping

I am working on a LWC component where in a lightning datatable I have more than 7-8 columns. When I add the component into detail section of a record page, the headers of the table is getting ...
0
votes
1answer
35 views

Display icons in Lightning-tab along with labels in LWC

Can we display icons along with labels in lightning-tab in LWC. In Aura framework we can do using below code : <lightning:tab > <aura:set attribute="label"> First Tab <...
0
votes
1answer
650 views

Passing attributes between components

NewBee Lightning, I have a very small requirement of passing values from textbox of firstname field from one component to other component and last name field value from second component to first ...
0
votes
1answer
30 views

lwc combobox not aligning properly inside a lightning-layout-item

I am having an issue with lightining-layout-items. My two "inner" items are not aligned properly. think this is because I am iterating through each row. For both the medical and form combo-boxes I ...
0
votes
0answers
18 views

How to manually save records in Salesforce lightning Component using Apex class [closed]

Have a Salesforce Lightning Component where the Object of the form is selected by Design , input fields are generated using aura:iteration.How to save records using an Apex Class.
0
votes
2answers
1k 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 ...
3
votes
1answer
662 views

onclick not working for ui:outputcurrency

I have code that iterates over a list. for some reason the onclick method does not seem to fire. Is there something wrong in my code below? Also how can I get the index id of the clicked row ?` <...
0
votes
1answer
400 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 ...
12
votes
1answer
831 views

mCustomScrollbar not working when Locker Service is enabled in Salesforce-1

I am having problem when using mCustomScrollbar (GIT Hub) when locker service is activated. During initialization of mCustomScrollbar in the helper, it throws the following error [TypeError: ...
0
votes
0answers
22 views

How to send auto greeting custom message in salesforce live chat for omni channel

Below is my custom code for live chat which is working good but I need to implement an auto greeting message to the customer which should include salutation last name. (EX. Hi MR Pal how may I help ...
0
votes
0answers
32 views

How can I display sections in standard lightning-record-edit-form component?

I am working on an org where there already are existing and running projects, and several record types for the Case object. I am adding a record type, let's name it A. The component is supposed to ...
0
votes
1answer
610 views

show updated fields without reloading Lightning page

We are creating an INVOICE through Lightning form. Once the cx filled the form and press SAVE button, we are making a REST api call to java application and getting more details like invoice number, id ...
1
vote
1answer
78 views

D3 Dynamic Height with Expandable SVG in SF Lightning

I have a LWC that has an svg embedded inside of it. The SVG is a D3js tree grid that I can select parent nodes and the children will appear below it. The issue that I am having is that when I embed ...
0
votes
2answers
2k views

Error message from server side controller lightning

Hi i want the error message to be displayed, i am getting value in response.getError() function, i want message argument in this function. Below is the snippet of how i'm doing, i am getting undefined ...
0
votes
1answer
26 views

lightning:input size is dynamically expanding for custom error message

I have issue with the lightning:input size. The maxlength is 5 and everything looks good. But when I set the custom validation error in my JS with the error message "CVV2 attempt failed. Please try ...
0
votes
2answers
56 views

How to get the Today Date (Only Date not DateTime) and Current Year End Date in JavaScript LWC Salesforce

I want to display default date values to Lightning-Input, how to get the Today Date and Current year date in Javascript. Format should be :- May 15, 2020
1
vote
1answer
2k 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,...
3
votes
3answers
2k views

Rendered as PDF apply Lightning Design System

I want to known suggestion about lightning design system rendered as PDF. I have a VF page that page rendered as PDF format. My page is also using lightning design system. but that designs are not ...
0
votes
0answers
23 views

Alignment issue inside Lightning App

I am facing a weird alignment issue when embedding a lightning component inside a lightning App. In the below screenshot you can see, the first screenshot(Fig 1) is a standard lightning component, ...
0
votes
0answers
23 views

Unable to Display text in VisualForce Page

I am downloading a csv file based on this link http://salesforceapexcodecorner.blogspot.com/2012/03/export-in-csv-and-excel-in-apex.html But the problem is whenever I click on the Quick action button ...
0
votes
0answers
11 views

How to populate text field on Event new page from Case?

I want to prepopulate Text field of event with Case text field on New event creation in lightning. Is there a way to prepopulate text field on page load?
0
votes
1answer
1k views

lightning:menuItem in lightning:buttonMenu is not working in a nested component

I have two lightning components. One gets account's basic information on load and iterates over it and another displays the each account's basic information in a row. I have explained the div tag ...
2
votes
3answers
5k views

How detect a scroll event in lightning component when there are multiple scroll bars

I have scenario where I implemented a datatable with in a lightning component with scrollable y axis. Now the challenge is there are two scroll bars. One for lightning component and another one for ...
2
votes
1answer
399 views

Display path from right to left

I want to display a field status in a very visual way, the path component is ideal (any of them, for example lightning:path or even the slds one): Problem: Displaying that component from right to ...
0
votes
1answer
44 views

Align lwc made with Grid - Lightning Design System

Can anyone guide me on how to align columns and rows? <template> <lightning-card title="Opening hours"> <!-- Monday --> <div class="slds-grid slds-no-flex"> ...
0
votes
0answers
30 views

Removing lightning margin from background img

I'm trying creating a header component and there is a background img div. I noticed slds-template_default has its own margin property which creates the space, however, when I tried to change the ...
0
votes
0answers
29 views

Reduce lightning:input text form height

I have a lightning:input form inside the body of a table tag in order to let the user insert some text given certain circumstances component code ..... <table class="slds-table slds-...
0
votes
1answer
39 views

Is there a way to change the color of the slds Checkbox Toggle?

I would like to change the color of the toggle to green from blue. I can't find a way in CSS to do it. Is there a way?
0
votes
1answer
40 views

Pagination in Lightning Table

I am facing issue while doing pagination, each page displays 10 records. The records are getting displayed only when i click on next button, before that it just shows me total number of pages as below:...
2
votes
3answers
886 views

Manually change defualt subtab on Lightning App page

I have a Lightning page in which the default tab has been set to "Product Selector". Is there a way by which I can manually switch the default tab to the 'Detail' tab via a lightning event? ...
0
votes
1answer
50 views

Show two lightning components side by side

I have the multiple Lightning components each has a button on it. I wan to display these lightning components in the lightning pages side by side instead of one below the other. Is it possible to do ...
1
vote
2answers
718 views

Drag and Drop - multi file upload in Custom Lightning Component

I want to create a drag and drop multi-file upload in a lightning component form. The form is displayed in a community. I have used <lightning:fileUpload label="Attach receipt" ...
0
votes
0answers
15 views

Utilize Salesforce Tooltip behaviour with Compact Layouts

I want to add Custom Links in our custom app which references Salesforce Records. Therefor I want the same behaviour like in other records: If you hover over the link the Compact Layout is used to ...
1
vote
0answers
12 views

UI Scroller added around a custom modal automatically by Salesforce on mobile

I have a modal that contains a recordEditForm in its body. When I open the modal on mobile, a UIScroller is added by Salesforce automatically. This causes the entire modal to scroll, instead of just ...
2
votes
1answer
1k views

Visualforce lookup field with apex:inputField in LEX?

Simple story: As a sales user, I want to mass assign leads to a teammate, so I can better distribute our total workload. The constraint is that I need to do this in Lightning Experience, in which the ...
1
vote
2answers
376 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
2k views

How can i create a radio button dynamically in lightning component from picklist field values in salesforce

I want to save the radio button(lightning component) value in salesforce. I am unable to do so. When i try to select any one of the radio button error says resultCmp.set is not a function. Here is ...
2
votes
1answer
990 views

How to constantly display scrollbar in iOS using <ui:scrollerWrapper> element?

I would like to display scrollbar always in iOS devices when implementing scroll functionality using <ui:scrollerWrapper> element in Salesforce1 app which was recently fixed in Winter '17 ...
0
votes
0answers
26 views

Show Popover on Scroll-able Div

I have a custom component which display list of result and a popover like below - When i make the div scroll-able, it looks like below, (Reason for scroll - List of result is too long) - Popover ...
0
votes
2answers
65 views

Help in CSS for lightning component to override standard CSS

Im trying from a long time to remove the Cancel button at the bottom for modal , but when I do it, it is also removing Done button. I would like to retain the Done. Can you please let me know what ...
2
votes
3answers
3k views

Binding a click event to document Lightning Component

I am using SLDS Picklist in Aura Component, I am trying to close the picklist when user clicked outside the picklist. I am trying to bind a click event to document and call the action to close the ...
1
vote
1answer
41 views

Lightning Visualforce page header with icon has no margin and icon not showing. What is wrong?

I have a Lightning Visualforce page which I am displaying via a Detail Page Button from a standard Account page. I am displaying it as 'Display in existing window without sidebar or header'. It is ...
0
votes
2answers
431 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
21 views

Why onfocus and onblur infinitely calls itself?

ElectronicCigaretteSearchComponent.cmp <aura:component> <aura:attribute name="soqlRequest" type="String" default="none" access="global" /> <aura:attribute name="listProducts" ...
0
votes
1answer
134 views

Disable one of the checkbox in lightning-checkbox-group in LWC

Currently, I am displaying a set of checkboxes on the screen using lightning-checkbox-group, but I need to disable one of the checkbox conditionally. So, looks like we have a 'disabled' attribute in ...
0
votes
1answer
29 views

slds-modal class not working inside Community

The typical modal code from the lds reference website does not work inside a community. There is no overlay behind the modal that covers the rest of the screen. Has anyone else encountered this and ...

1
2 3 4 5
15