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
2
votes
1answer
19 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
16 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
19 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 ...
4
votes
3answers
627 views

Combobox hiding behind footer - modal content not able scroll when overflow =initial/visible

I have a modal with a fixed height, so if the number of fields increase in the modal, scrollbar appears as expected. However I have a Combobox at the end of the form which I am not able to view the ...
0
votes
0answers
22 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" ...
0
votes
1answer
24 views

Trying to create a list dotted list in lwc component

LWC component- <template> <div class="slds-scope"> <p class="slds-text-heading_label slds-m-bottom_small"> Sample </p> <div class="...
0
votes
0answers
12 views

Create record on image click in lightning component [closed]

HI all, I need something like a clickable image. when I click the image in a page related record should be created through a component. I need to place that in mobile as shown in picture Thanks in ...
0
votes
2answers
503 views

Lightning Design in vf page

Can I use lightning design in my existing vf pages. Based on salesforce trailhead I can see it uses most of the CSS like tag, but in my vf page I have visualforce tag which I believe as of now not ...
0
votes
0answers
15 views

Dynamically show tooltip for different fields lightning

I have multiple fields, I want to show different tooltips based on the mouse on hover of the label. Ex: Label1 Label2 For Lable1 I want to show tooltip label1 and for Label2 -- tooltip label2. I ...
0
votes
0answers
21 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
0answers
30 views

why aria-expanded=“true” is not working with button click on mobile?

I have a drop down with list which is opened with a button click. When user clicks the button the aria-expanded="false" is false and when user clicks again it will be true. This is working fine in web ...
1
vote
0answers
21 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
2k 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
530 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
29 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
21 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
17 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
1k 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
vote
1answer
22 views

Show List of Account Records and sort them according to selected button value (Multiple button can be clicked or selected)

I want to Show Records on the button Click Below Code is Working fine but i want to add Multiple button click check without Deselecting previous Button. In the above Picture if i select Hot it will ...
0
votes
0answers
22 views

How to fetch the label of the lightning-menu-item in LWC [duplicate]

In my scenario, I want to fetch the label of the menu-item which is clicked. <lightning-button-menu alternative-text="Options" key={acc.Id} onselect={handleOnselect}> <lightning-menu-...
1
vote
1answer
46 views

Arrange a list of Data in Column and Row format using SLDS

I have a html file where I am trying to display some data in a better way, like this: Job Details | Value _____________|__________ JobType | Future ________________________ Status | ...
0
votes
0answers
26 views

How to keep the width of the lightning:input responsive in Lightning Component

I have a lightning:input field inside lightning:layoutItem. My requirement is to increase the width of the textbox. So,I am using custom CSS where I am setting the width to 55rem. But looks like the ...
1
vote
4answers
4k views

Can we modify/remove global header section from Lightning Pages

I'm just curious in case we can modify or remove the global header section from a lightning app page. Does anyone have any pointer for tweaking this section?
1
vote
1answer
59 views

Mask Characters of Lightning-input-field while typing - in LWC

I am using lightning-record-edit-form to design a form layout for creating records. In that form, for one of the field, I want to mask the characters while typing. But looks like there is no such '...
3
votes
1answer
111 views

Render VF Page as PDF with LDS

I have a lightning component that I need in the form of pdf. Since we can't do this in the lightning component. I have to switch back to VF Page for pdf generation. Looks like when we use SLDS in vf ...
0
votes
1answer
482 views

Dynamically update Lightning path (Chevron)

My Lightning/Salesforce Path was displaying the Chevron based on the Case Pick list field which has 15 pick list options. Every Case is unique and doesn't require all the 15 options, how can I make my ...
0
votes
1answer
30 views

Unable to Insert Record with the Record Type - LWC

I am new to LWC, i have few RecordTypes for the Service object, i am trying to insert the record with the record type (Mobile Service Record Type), but with the below code record is getting created ...
1
vote
1answer
21 views

apex:slds not work in Classic Console

Please see follow codes: <apex:page sidebar="false" standardStylesheets="true" showHeader="true" docType="html-5.0"> <apex:slds /> <table class="slds-table slds-table_cell-buffer slds-...
0
votes
1answer
25 views

how to set width for a custom lightning component in UI

I have created a custom lightning component, but on the UI it overflows and not able to set the width. Can anyone please let me know how to do this? I need to display this primary contact as other ...
0
votes
3answers
3k views

Change background color for lightning:tab

How can I set background color for selected tab in lightning:tabset <lightning:tabset> <lightning:tab label="Item One"> Sample Content One </lightning:tab> <...
1
vote
1answer
607 views

lightning:input variant=“label-hidden” breaks column width setting - can I prevent without custom css?

I have a lightning component that includes a grid containing rows of lightning:input components. Because they are rows only the first row needs labels and all fields need to be the same width to keep ...
3
votes
2answers
7k views

Scroll Page to top onClick of a button in Saleforce1

I have a problem scrolling to the top of a lightning component page in Salesforce1. I have tried using window.scrollTo(0,0); Added the below attribute in the button tag oncomplete="window....
1
vote
1answer
414 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 ...
1
vote
1answer
505 views

How to make lightning:progressIndicator read only?

We have a data entry form and we are using lightning:progressIndicator as a way to show their progress. However, we don't want the user to click-ahead nor do we want them to click back on the progress ...
1
vote
0answers
25 views

Contact lookup option is not displaying any records in lightning custom component

I have a component which creates quote by fetching information from opportunity. Here i have lookup to accoutn, contact, opportunity, billto, postto. Account and opportunity lookup is working fine and ...
0
votes
1answer
34 views

slds-table css styling no longer makes header row grey? Doesn't match documentation

Edit: After testing some more, I've determined that this issue of the mysteriously white Data Table header occurs only when dropping the component into a Lightning Application with extends="force:slds"...
0
votes
1answer
28 views

If condition fails but the body statement is executing in components apex controller

I have written a if condition to validate input ofpricelist to be choosen as USD if posting country is not india and selling country is india. But even though my if condition is failing it displays ...
0
votes
1answer
17 views

trying to validate data in component and throwing error on component

I am trying to validate data that is if posting country is other than india and selling country is india then users has to compulsorily choose USD as a pricelist. Have written a logic something like ...
0
votes
1answer
590 views

Unable to fit table into lightning component, Clickable field in datatable

I am trying to display data nicely inside a component that is place in the left section of the page record, however i am really struggling with the following issues: For some reason all of the fields ...
0
votes
1answer
1k 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 ...
1
vote
2answers
640 views

SLDS not transferring to embedded Lightning app in VisualForce Page

This is my first time embedding a lightning app into a visualforce page so I might be missing something obvious or doing something that's not allowed. Please forgive me! I'm embedding a Lightning app ...
0
votes
1answer
21 views

unable to get field value from database.query method

I am using database.query method to retrieve 2 fields from account. But when i tried to fetch get the values of that fields i am getting null value. Can someone help me. Here totalValueFieldName is ...
0
votes
2answers
52 views

Donut chart in lightning component

Can someone suggest me to create a Donut chart in the lightning component? Here in a custom object, I have a field having values that are like 1 to 100 %. Based on the percentage I want to show in ...
0
votes
1answer
20 views

stop displaying default message after displaying custom component UI to create record

I have a default message as loading which has to be displayed until its been navigated to custom UI page of component. I havd tried using var dismissActionPanel = $A.get("e.force:closeQuickAction"); ...
3
votes
2answers
73 views

Salesforce Lightning Enhanced Notes in Component

Is it possible to open out of the box "Salesforce Lightning Enhanced Notes" editor on click of a link / button so that we have more control over our lightning UI screen. If we see on below screenshot,...
2
votes
1answer
164 views

Animate custom refresh lightning-button-icon LWC

I want animate a lightning-button-icon as the standard Salesforce refresh button in LWC. I've already seen a related question but the answer was not conclusive, at this point I don't know if it's ...
1
vote
1answer
21 views

How to get rid of the column sort on a related list

Is it possible to get rid of this related list column sort? The reason being is that if the related list records are being sorted by a specific column then the sort button in Classic does not work in ...
5
votes
1answer
428 views

Using SLDS icons in inline VisualForce page within managed package fails due to 302 redirect

I am currently creating a managed package and am running into a problem which I think others will or have also faced while deploying a package using lightning components which are optionally wrapped ...
0
votes
2answers
36 views

error - Uncaught Action failed: c:qf_Questionbuilder$controller$SelectLookupItem [Cannot read property 'config' of undefined]

i am getting the following error. Uncaught Action failed: c:qf_Questionbuilder$controller$SelectLookupItem [Cannot read property 'config' of undefined] This is when my helper tries to refresh the ...
0
votes
0answers
21 views

lightning:Iteration to split 3 objects records and show in lightning data table

I want to split the data from a single method, which is of the return type of account, contact, and custom object. I have 3 data tables. I want to show all those 3 tables with different objects. Is ...

1
2 3 4 5
15