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
5
votes
1answer
450 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
406 views

Prevent Wrap on Checkbox Button Group

I'm seeing some weird formatting where it's refusing to expand the Checkbox Button to keep it all on one line and insists on wrapping down to a second line. Please see the "View All" and "Modify All" ...
0
votes
1answer
17 views

Styling an LWC component with a lightning-tab to use the slds-has-success style

I have a LWC component that includes a set of tabs using the standard "lightning-tabset" and "lightning-tab" metaphor. When the actions in a specific tab have been completed, I ...
0
votes
0answers
4 views

Not able to full screen Model Component from Utility Bar

i want the full screen for the Model component from the Utility bar. it is bound to the Utility bar. Any help please
0
votes
1answer
417 views

lightning:formattedRichText: slds-truncate Not working

I am trying to truncate a richText field in a table.I've tried to use 'slds-truncate' but to no avail. Here's what I'm getting: Here's the code I'm using: <table class="slds-table slds-table--...
3
votes
1answer
744 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"&...
0
votes
0answers
19 views

How to apply margin only on large screen(>=1024px) using SLDS?

Is there a SLDS class that applies margin only for large screens(>=1024px). I found my self in many situations where I had to write media query like below but curious if there is an inbuilt class ...
1
vote
1answer
277 views

ui:inputText getting zoom in

I have an input text as <div class="slds"> <div class="slds-form"> <div class="slds-form-element " > <ui:inputText aura:id="textSearch" class="slds-input ...
0
votes
1answer
15 views

Uncaught Action when setting mapMarkers for Aura Component Map

Please note this question is about the Aura Component Map not about a collection of key/value pairs. Specifically, I'm getting an error when trying to set the required mapMarkers attribute on an Aura ...
0
votes
1answer
25 views

Lightning Web Component That Allows Text Input and Dropdown

Is there a LWC that allows me to utilize it as a text input field and also a dropdown menu? I need to display results as a dropdown but also allows user text input to search.
1
vote
0answers
34 views

SLDS style show weird in IE-11 after upgrade to Winter 21

After upgrade to Winter 21, I found Lightning Design System show weird in IE-11. Please see follow image. And this is my code. <apex:page sidebar="false" lightningStylesheets="true&...
0
votes
2answers
71 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
1answer
469 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 ...
1
vote
1answer
23 views

Lightning Component - How to show / hide a section for my component in an iteration

I'm doing a lightning component using lightning:accordion. I wanted to use a Plus/Minus symbol but it seems like you can't custom the icon of accordions. So i found some code enabling to do something ...
3
votes
1answer
685 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 ?` <...
12
votes
1answer
925 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: ...
0
votes
1answer
653 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 ...
0
votes
1answer
54 views

Lightning Web Component - Combo box - populate value from Wrapper Class

I am trying to populate a list of contacts from the Wrapper class.However, I am not getting any values to display in the Combo box. Here are my codes Apex Controller Class: public with sharing class ...
3
votes
1answer
393 views

Recommendations to style Visualforce page to match the SLDS?

Does anyone have insight into the best practice to style a Visualforce page to match the SLDS for inclusion in a lightning component and printing? I can hear the choirfolk chanting: Visualforce is so ...
5
votes
2answers
107 views

Winter'21 Release - BEM Notation Change

Does BEM notation change have an impact on all of the components where SLDS is used? Earlier the SLDS was being included as a static resource but off-late it is not necessary to do that. In this link: ...
0
votes
1answer
35 views

Inquiry about lightning-record-form

I am trying to find a definitive answer to an issue I'm trying to work through. I have a lightning-record-form in a component that I am trying to access the field values for, without having to rely ...
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
0answers
21 views

Unable to get single dropdown for each row in autocomplete in lightning component

Component HTML: <div class="slds-box"> <table class="slds-table PoTable slds-max-medium-table_stacked" border="1" style="border-collapse:collapse;...
-2
votes
1answer
54 views

Lightning tab with custom label in LWC [closed]

I need to show the some number inside the lightning tab label in my one req: below is the screenshot: I just need to show this 1 inside the red badge: below is my code: <lightning-tab label='{...
0
votes
0answers
26 views

Style lightning-input like lightning-input-field

I'm using lightning-inputs in the middle of my record-edit-form to provide greater flexibility. Unfortunately their styling is different than that of the lightning-input-field which means they are not ...
0
votes
1answer
716 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
27 views

how to display input box for n times in lightning component, where value for n is given by user

how to display input box for n times in lightning component, where value for n is given by user. Is it possible. and I have a code for it but not working properly. can anyone help to resolve this <...
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
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 ...
0
votes
1answer
432 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 ...
0
votes
1answer
25 views

lightning:input field not passing value?

I've built a form in my lightning component and it seems to be working perfectly, except for a single lightning:select field not passing thru. If I check the box in the form, it doesn't reflect that ...
2
votes
1answer
417 views

Display path from right to left

I want to display a field status in a very visual way, the path component is ideal (any of them, for example lightning:path or even the slds one): Problem: Displaying that component from right to ...
0
votes
1answer
55 views

Adding spinner to Lightning Component

I am trying add Spinner in to my Lightning component and it is not working as expected. Below is what I tried when the button is clicked it needs to shows the spinner and disable the spinner once the ...
0
votes
1answer
42 views

How to get popovers in LWC to go across LEX page sections

My question is how do I get my custom popover to span across LEX page sections like this standard popover? I'm using SLDS styling. LWC html: <template> <div class="slds-page-header&...
7
votes
3answers
34k views

SLDS table with fixed header

I'm implementing SLDS table in lightning component where you load more data on vertical scroll and it would be nice to have headers fixed. The code that I'm using is pretty much as in the slds docs: &...
0
votes
0answers
25 views

Selection across pagination

I have a table(not datatable) with records on lwc, also having pagination which is implemented as below: HTML code <lightning-layout-item size="12" margin="around-small"> ...
2
votes
3answers
987 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
0answers
16 views

upload file in lightning component, have it appear on files related list on the object?

i'm working on a custom lightning component, and i want the user to be able to attach a document (multiples allowed) and have it attach to the files related list, file format should be pdf. i also ...
11
votes
3answers
1k views

How to get the display density in a lightning components controller?

Is it possible to see if a user is in Comfy or Compact display density in a lightning controller? This is a new feature since Winter '19 and I cant find any documentation about this.
1
vote
2answers
818 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" ...
4
votes
3answers
2k 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 ...
1
vote
1answer
145 views

Clear selectedRows after deleting records in lightning-datatable

I am trying to clear the selected rows after a deletion action. The delete actions works perfectly. After the Delete from APEX, it performs a refreshApex() which works fine too. However, the checked ...
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 ...
0
votes
1answer
105 views

LWC Lightning-Datatable - Displaying multiple nested levels

I am trying to display data in my Lightning-Datatable where I have line items for each row. The problem is I cannot display those line items. I could use Tree Grid but I also want to display the ...
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
vote
1answer
31 views

Alert for event returning 'Undefined'

Parent Component :- <aura:component implements="force:appHostable" > <aura:handler name="beerSearchEvent" event="c:SearchEvent" action="{!c....
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 ...
0
votes
0answers
26 views

How to show a utility pin icon in vf page?

I am using the below tag to show the icons <button style="margin-top:-3px;right:0px;" class="slds-button slds-button_icon" title="pin" onclick="pinorPinned(true);&...
0
votes
2answers
600 views

How to reload custom lightning component in a lightning page tab every time I click on the tab?

I have one lightning component named "Add/Edit Invoice Line Item" (as seen on screenshot) I want to reload this component every time a user clicks on this tab. Is there any way or event which can be ...
1
vote
2answers
53 views

Gap between the elements in Lightning component when it renders

It might sound like a silly question but I came across something while creating a Lightning component. Please have a look into my component and help me clear my doubts that is mentioned below. Below ...

1
2 3 4 5
16