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

Scrollbars always visible in lightning page

I want to show both scrollbars always visible as my content in table is too large row and column wise. How can I implement this? PLease find this figure to understand what I want. Currently I am ...
12
votes
1answer
1k 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: ...
12
votes
4answers
8k views

Hide Standard Page Header in Custom Lightning App page

Is there a way to hide the page header in a custom Lightning App shown below ? This banner is not available in the Edit page section. I have selected 'One region Template' and added just one ...
-1
votes
0answers
17 views

how to display fields like the attached image in aura ,lwc

Need to display fields in the attached image format in the form .I have used <lightning:layout horizontalAlign="space" multipleRows="true" > and adjusted the size first two ...
0
votes
0answers
8 views

How can I display child entity data in a react lightning design system datatable?

I'm using design-system-react v0.10.32. Trying to implement a nice datatable (reference), but I don't know how to display data that belongs to child data. IE there's some data: resultSet[ { id, ...
0
votes
1answer
660 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 ...
3
votes
2answers
619 views

Open LWC as a full page without salesforce header

I have a button on Lightning Record page. On click i am redirecting to a LWC. Is there anyway where i can redirect or open the LWC in a full screen page. As of now it is opening with salesforce main ...
0
votes
0answers
26 views

Is there a way to rearrange lightning-input-address?

Wondering if it is possible to move around fields in lightning-input-address, for example moving street to the bottom of the built-in component or even having it removed from the component when coded. ...
1
vote
2answers
45 views

How to align Lightning-input field-level-help with label when label is more than one line long?

I'm using a lightning-input. The label of the input is a bit too long and appears on two lines. When I add a field-level-help, instead of putting it on the second line where there is plenty of space, ...
0
votes
1answer
32 views

Is there a way to pick what is marked as required on lightning-input-address form?

Looking off of the documentation of lightning-input-address I see that when you mark it as required, everything but country is marked as required. Is there a way to pick and choose what you want as ...
3
votes
1answer
717 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 ?` <...
1
vote
1answer
39 views

How do you bubble up a variable from child to parent?

Currently have a modal parent component. Inside of the content section of the modal I have 3 screens that are called via templates, all on separate templates. I am trying to get my 2nd screen to have ...
0
votes
1answer
47 views

Layout a Lightning Web Component Card as a standard related list

due to some business requirements, I need to develop a custom related-list for Contacts on the Account object. I wanted to do so with a LWC utilizing the lightning-card component. Unfortunately, I am ...
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
907 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 ...
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 ...
1
vote
0answers
23 views

Customize Lightning:helpText popup

I've tried to modify the style of the lightning:helptext popover by following Tooltips- Lightning Design System, but it's not working. Here's my code: <lightning:helptext iconVariant="...
2
votes
4answers
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 ...
0
votes
1answer
35 views

Is there a way to use Navigation Mixin within a Modal window to re-render the modal to show new pages?

Lets say I have 3 screens I want to show. The 1st screen is the initial search screen utilizing a combobox with an option of name search and phone number search. Given the user selects either and ...
1
vote
1answer
92 views

How do I fix UI Modal after implementing JavaScript checkbox event?

Migrate this code from Aura to a LWC. After doing so I implemented some JavaScript into my LWC and it is breaking the UI I created. The UI is inside of a modal window and is only being touched by the &...
1
vote
1answer
1k views

lightning:inputField is not rendering, saying the request is missing the field data when it is not

I am trying to display a list of date ranges based on an objects start and end dates using a lightning component. When I open it in a visualforce page as part of a set of nested components, it will ...
0
votes
1answer
12 views

Why is the standart icon not displayed?

What am I doing wrong? How do I display the icon? <lightning-layout> <lightning-layout-item> <lightning-icon icon-name="standart:work_type" alternative-...
0
votes
2answers
694 views

Display 3 Lists Vertically in 3 Columns

I am currently working through an issue with displaying a list correctly with Lightning components. Currently I have this, which loops through the amount of countries and displays them on the layout: ...
0
votes
1answer
29 views

How to hide/ change color of LWC outline to blend with the background

I have created three LWCs as shown in the image. I want the borders/blue outline to blend in with the background so one cannot tell they are different components. How can I do that? For some reason ...
2
votes
3answers
1k 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
615 views

recordId is empty when overriding edit button in lwc?

I needed a custom popup for creating and editing a record. To achieve this I have created a LWC which will create and edit the record. I had wrapped this component with an aura component. and ...
3
votes
2answers
3k views

How can i use var() in css in LWC?

This is what I'am trying to do: HTML: <li class="navBar2" style="--lwc-beforeColor: #0ec2df"></li> .css .navBar2{ height:29px; background-color: var(--lwc-beforeColor); } But ...
0
votes
0answers
36 views

Popover in Custom Related List Lightning Component

My use case is to implement custom related list to display lead records in Account Related Page. and when user hover over Lead Name, some additional fields data need to be displayed. As you can see ...
0
votes
2answers
1k 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 ...
1
vote
2answers
959 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
1answer
39 views

Trying to take make fields mandatory `lightning-input-field`

I'm trying to make fields are mandatory to fill, but its not working with lightning-input-field How to achieve it with lightning-input-field <lightning-record-edit-form object-api-name="...
0
votes
2answers
604 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
0answers
21 views

How to break line for mobile view in lightning web components

In the top I have a text i.e too long and it will not fully displayed how can I break that text? I have attached my code also
0
votes
1answer
37 views

Can I place the icon in front of the lightning-card header?

I have the following code in the html of the LWC component and I want to replace the standard icon in it with the one that I downloaded and added to static resources? But I can't do it, the icon is ...
4
votes
2answers
1k 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> &...
3
votes
2answers
2k views

Open multiple section at once using standard <lightning:accordion> component

Using the standard component <lightning:accordion> is it possible to open multiple sections together?
1
vote
1answer
470 views

Lightning Components: Making a Path Responsive

I need make a path responsive, and smaller. I copied this example of the SLDS documentation: https://www.lightningdesignsystem.com/components/path/#site-main-content I need to include this component (...
2
votes
1answer
1k 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 ...
1
vote
1answer
55 views

change the button variant on click, in aura:iteration

<aura:iteration items="{!v.itemList}" var="con" indexVar="index"> <div class="slds-p-top_small"> <aura:if isTrue="{!...
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
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 ...
0
votes
2answers
682 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 ...
2
votes
1answer
121 views

How to close lightning-combobox menu items when scrolling the page in LWC?

I have a LWC and a lightning-combobox inside it, but while the dropdown items are open and I scroll the page, the menu items are still visible on top of other items. I need to auto-hide the menu items ...
0
votes
1answer
2k 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
1answer
33 views

Custom multiselect lookup width getting increased with each selection

I have created a custom lookup component in lwc from here. This lookup is working fine. When I place this component in another component, with each lookup value selection the width of input is getting ...
4
votes
5answers
8k views

Play Video in Lightning page

If I can get the download url of a video which is uploaded in my Salesforce org, is there a way to play the video in the lightning page or play on a pop up video player on click ? (Not using the ...
14
votes
2answers
5k views

Lightning: Get sobject tab icon

Is there a way to get an SObject (Tab) icon (name) to be referenced from the design system resource? I'm building a custom visualforce page that will be displayed using Lightning, so I need to style ...
1
vote
0answers
40 views

Custom picklist field not showing in Flow builder [closed]

I am creating flow with a picklist I am creating a new resource and selected the object but in field lookup in new resource window I am unable to find my picklist. I have checked the profile ...
1
vote
1answer
24 views

Add Notes and attachments to lightning record page on lead object

I would like to add notes and attachments component to a new lead record page but i am not able to find notes and attachments component from lightning app builder . i added notes and attachments as ...
3
votes
2answers
2k 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 ...

1
2 3 4 5
17