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

Can you set embedded services chat to automatically open the pre-chat form if agents are available?

Basically the title. I've got my chat configuration all set up how the stakeholders want it, but they're asking if there's a way that the Pre-Chat form can automatically open in the page that we have ...
1
vote
2answers
294 views

SLDS modals: combobox loses focus on scroll

I have a modal with a lightning-combobox in it. When the combobox is in focus, the dropdown is displayed. When the user clicks elsewhere, the dropdown is hidden. So far so good, but if the height of ...
0
votes
2answers
935 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 ...
5
votes
1answer
481 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 ...
1
vote
1answer
675 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
3answers
78 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
18 views

Change border radius for <lightning-input>

Is there any way to change style for < lightning-input> in LWC (not Aura)? all I want is change the border radius and color. I could have used slds input for styling then I have to write all ...
0
votes
0answers
19 views

How to use lifecycle hooks with different components in lwc stepper?

EDIT: In simpler words I need to pass variable using DispatchEvent from component 1 to it's sibling and launch Callback or whatever based on this variable. Any thoughts on that? Is it possible? I am ...
0
votes
1answer
32 views

Blue squiggly lines when using SLDS Validator extension in VS Code

I'm new to LWC and VS Code. I've installed the recommended salesforce extension package which has SLDS Validator in it. But in my html file, it is showing blue squiggly lines under the SLDS class ...
3
votes
1answer
935 views

Radio Button in Lightning Design

I want to use radio buttons in Lightning Design. In my Visualforce page, I am retrieving the options from my controller and doing something like this: <apex:repeat value="{!SiteDetails}" var="rad"&...
2
votes
1answer
590 views

Unable to upload the LDS 2.10.0 as static resource

As we know that static resource has a limit of 5MB, I am trying to upload the LDS winter 20 as static resource, but its size is more than 5 MB https://lightningdesignsystem.com/downloads/ In this ...
0
votes
1answer
563 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 ...
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
655 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
28 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. ...
0
votes
1answer
39 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
720 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
40 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
111 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
936 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
25 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
4k 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
75 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
98 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
2k 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
13 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
802 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
34 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
651 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
56 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
986 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
52 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
653 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
93 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
493 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
103 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 ...

1
2 3 4 5
17