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
10 views

set component visibility aur, it doesn't work for current user

I have two Aura Components.I want to set their component visibility in Lightning app builder,But it dosen't work in Lightning app builder. The 【是否海外用户】 just has two value,【是】and 【否】. When I use a ...
0
votes
1answer
23 views

Set duration for Toast messages in LWC

Is there a way to set the duration for custom Toast messages in LWC? I know, in Aura we do it using Duration attribute, but looks like in case of LWC there is no 'Duration' attribute defined. Also, ...
0
votes
0answers
11 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
20 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
0answers
19 views

Error in fetching record or record metadata. [Invalid record id]

I have a lightning Component and i am calling the component inside a visual force page. However, when i try launching this page i keep getting the below error. Error in fetching record or record ...
0
votes
1answer
18 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
31 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=...
0
votes
1answer
51 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
27 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
60 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
45 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
78 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
31 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
0answers
26 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
24 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
12 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
0answers
43 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
49 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
0answers
34 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
1answer
345 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
44 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
34 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
0answers
86 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
1answer
50 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
374 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 ...
0
votes
0answers
31 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
0answers
19 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
0answers
30 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-...
0
votes
0answers
64 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 ...
0
votes
1answer
52 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
1answer
29 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
26 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
1answer
22 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"); ...
0
votes
0answers
23 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 ...
0
votes
0answers
38 views

Lightning:Map - information balloon not working when the mouse moves over the Marker

I am using lightning:map to display the accounts on google Map with multiple marker options. Lightning:Map only shows information balloon when we click on the marker or when the account name is ...
0
votes
2answers
49 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
88 views

How to handle when Lookup defaultFieldValues parameters for e.force:createRecord are null

If the record has the RecentAccount__c lookup field populated then the new record creation modal pops up perfectly without error. Otherwise, if the record does not have the field populated it throws ...
0
votes
0answers
21 views

How to create custom VF page similar to standard lightning page in salesforce?

I have a existing complex VF page which consist of two VF components nested in it which fetches fields from multiple field sets based upon logged in user. What would be the best way to implement/...
0
votes
0answers
85 views

Can I use lightning out on Heroku to show LWC?

I have created a LWC in my Salesforce Org. This LWC uses Salesforce org data like account, contacts etc. Now, I need to show this LWC on Heroku app. Can I use Lightning out to do this? Or is there ...
0
votes
1answer
102 views

slds-size Not Working Properly For All Elements

I have the following HTMLin a Lightning Web Component: <div class="slds-grid slds-wrap"> <div class="slds-col slds-size_1-of-3 slds-p-bottom_small"> <div style="font-...
0
votes
0answers
112 views

Lightning Component issue sObject type 'Site' is not supported in Spring '20 Sandbox

I am having an issue saving any lightning component code in the developer console. I think that this must be an issue with Salesforce because even just changing string values with in html causes error ...
0
votes
1answer
275 views

Error in Lightning Web component :afterRender threw an error in 'c:lightning' [Cannot read property 'data' of undefined]

Below is my code for Lightning Web Component: HTML File: <template> <template if:true = {files.data}> <template for:each={files.data} for:item='file'> <...
0
votes
1answer
36 views

Error when trying to set values for <force:inputField

I'm trying to set the default value of lookup for I'm getting the error when I try to set value: var value = [{ type: 'Account', id: "0014343234543", label: "Related To" }]; component.find("...
0
votes
0answers
16 views

I want to view vf page in lightning style

I have created a vf page and used the lightning style sheet (lightningstylesheet="true"), I have also made the vf page public , but I am facing an issue as I am not able to view my page in lightning ...
0
votes
0answers
128 views

Responsive Lightning design component

I have an lightning component and I am Using it in two different record detail page ,One on main page and other in small side bar. My component is compatible with the main bar,But when I placed my ...
0
votes
0answers
31 views

LDS Multiselect picklist

I am trying to use the following code from the Lightning Design System documentation. I am getting SVG errors. Can someone tell me how to resolve this? Can I use something other than the svg code?
0
votes
0answers
46 views

Custom Lightning Home Page Template not displaying Dashboard content

I've created a custom lightning home page template. It mostly works in the sense that it has the desired layout and displays most components that are configured on it. However, when I drop a ...
0
votes
1answer
48 views

Fix the Lightning component on app page

I need to fix the position of 1st component on top & 2nd component at the bottom of page.Both shouldn't be scrollable (As i want them as buttons). If any other component is in between that should ...
0
votes
1answer
30 views

Checkbox misaligned in mobile view

I have a table which I am showing stacked in the mobile view. I have a checkbox input to show an indicator, it looks alright in desktop view, however gets misaligned in the mobile view. I have tried ...