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
1answer
150 views

Apply HTML elements dynamically from JS in LWC

I have an html element: <span style="font-size: smaller;font-weight: 400;white-space: initial;text-transform: none;"> I want to dynamically apply this html element to an Accordion ...
0
votes
0answers
87 views

UITheme and UIThemeDisplayed not working correctly for VF Page

I have a lightning component, in which I am using Iframe from where I am opening a VF Page, on that VF page, I am trying to get UITheme which is showing as Theme3 even if I am doing it through ...
0
votes
1answer
42 views

How to align columns where label overflows

How to adjust the alignment of columns when the label overflows? <div class="slds-grid slds-p-top_x-small slds-form_horizontal slds-form "> <div class="...
0
votes
0answers
16 views

Edit and View Page of Task only specific fields

How do you edit and display view a task with specific fields I can't use force since it will display all the fields
0
votes
2answers
113 views

Need to show two dropdown in lightning using lightning select(Issue I am getting Object name but on selectin of object getting error)

First Drop down in Object and second is Fields On select of first drop down that is object i need to show related field in second drop down. Code is below. Component <aura:component controller=&...
0
votes
1answer
3k 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 ...
6
votes
3answers
3k views

Lightning QuickAction background color change

On Case object, i have a quick Action "Assign Case" which looks as follows markup looks like this <aura:component implements="force:lightningQuickAction,force:hasRecordId" ...
0
votes
1answer
53 views

Is it possible to remove logo and the top header section in lightning /or if any alternative available

Attached is the below screenshot, i want to remove the top section highlighted in red. I have tried and researched , but i couldn't get any resolution and seems to be a limitation at this pt of time. ...
0
votes
1answer
348 views

Is it possible to link slds to an embedded chat deployment?

I am building a chat deployment to be embedded on an external site. I created a custom prechat form using aura/lightning components that rely on styling from slds. When embedded in the external site, ...
0
votes
1answer
24 views

Lightning examples

I have been writing Java/Chromedriver/Selenium code to SQA some Salesforce (apptus) pages. The project manager says they are going to Lighning in several months. I am trying to get a jump start on ...
0
votes
1answer
295 views

Get aura:id and selected option value in controller for <lightning:select>

I have a dropdown in a table in a lightning component. Here is the code of that td. <tbody> <aura:iteration items="{!v.recipientList}" var="recipient"> <tr class=...
1
vote
1answer
328 views

Are there any limitations to using lightning web components (LWC) than visualforce?

I have created the smart paypal button using the sdk in visualforce and I had no further complications using the script provided by paypal. Now I want to pass it to a lightning web components (LWC). ...
0
votes
1answer
791 views

Lightning Accordion Section Title Bold [duplicate]

Hello Lightning Experts, My requirement is to bold the titles so I used slds-page-header__title slds-truncate in my lightning:accordionSection tag but the sub-headers is also getting bold. What do I ...
0
votes
1answer
884 views

How to change row color? and to stop hover on row color [duplicate]

I need to change the color of the row in the table to red instated of gray color. i have used the playground but i cannot change it, https://developer.salesforce.com/docs/component-library/tools/...
1
vote
1answer
311 views

Can I change styling on Salesforce standard LWCs?

There I times when I want to change the styling of standard Lightning Web Components, such as lightning-button (to change the button colour), lightning-accordion-section (to change the section title ...
0
votes
1answer
221 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 ...
0
votes
1answer
89 views

Lightning-Checkbox-Group Undefined Promise Error when using Template Syntax

I am receiving the following error when using a Lightning Checkbox Group: I am puzzled because my getter function is clearly getting called per the console.log statement in line 4 of ...
0
votes
1answer
46 views

Mobile UI issue in lightning buttonMenu Aura Component

I just notice that Lightning:buttonMenu aura component size bigger in the mobile after winter 20 Salesforce release. Is it any way to control the size as previous because it's breaking our UI. Its ...
1
vote
1answer
290 views

Change phone icon of lightning-clickToDial in LWC

Is there a way to change the phone icon which gets displayed in lightning-clickToDial element to any other icon? By default it shows an 'end call' icon. I want to change that icon to a normal phone ...
0
votes
2answers
688 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 <...
-1
votes
2answers
443 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>)...
0
votes
1answer
443 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
891 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
1answer
1k 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 ...
1
vote
0answers
1k 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 ...
1
vote
1answer
208 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
1answer
177 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
2k 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
3k 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 ...
2
votes
3answers
7k 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 ...
0
votes
1answer
2k 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
1answer
206 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
228 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:...
0
votes
1answer
627 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 ...
2
votes
0answers
41 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 ...
1
vote
2answers
865 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?
1
vote
0answers
172 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
784 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 ...
1
vote
1answer
148 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 ...
2
votes
1answer
25 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
268 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 ...
0
votes
0answers
127 views

I want to change the background color of Salesforce Lightning List View any one can help?

I have created below component using lightning List view- <lightning:listView aura:id="listViewAccounts" objectApiName="Account" listName="qwerty__AllAccounts" rows="10" showSearchBar="true" ...
1
vote
0answers
316 views

How to add a onmouseover Attribute method in lightning datatable

We are using lightning datatable for inline editing and i want that the data table records should be seen through popover . I am using below code :- i tried to add onmouseover method but its not ...
1
vote
4answers
3k views

change slds-select icon

I want to change the icon on the right of a slds-select. the default looks like this: . But I would like mine to look like this: . This is my code: <lightning:select aura:id="title" value=...
0
votes
2answers
892 views

How to get source of lightning component

I have 2 quick Action buttons, which call same lightning components. How should I know on component initialization that which Quick Action triggered lighting component?
0
votes
0answers
35 views

Cannot apply color attribute to a lightning-output-field using CSS in LWC [duplicate]

I am trying to change the color of the <lightning-output-field> in LWC using CSS but it doesn't work. I am able to change the background color though. Is there any workaround for this? I don't ...
0
votes
2answers
29 views

Invoking one component from another component through Button

Getting below error while clicking on button This page has an error. You might just need to refresh it. Action failed: c:TestRateCard$controller$callMe [Cannot read property 'setParams' of undefined]...
0
votes
0answers
34 views

Display View icon inside an encrypted lightning-inputField and on the click of that icon, unmask all the encrypted values in LWC

I have a requirement where I need a View icon inside lightning-inputField in a Lightning-record-edit-form. This field will hold masked values. When user clicks on the view icon, it should unmask the ...
0
votes
1answer
3k views

Add bold style to last row in Lightning Data table

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

1 2 3
4
5
17