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
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 ...
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
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 ...
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, ...
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 ...
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="...
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 &...
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
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 ...
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
1answer
53 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
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
94 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 ...
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
54 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 ...
1
vote
0answers
68 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
42 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 ...
0
votes
1answer
51 views

Why Contact is not getting created? It is returning as undefined

Component <aura:component > <aura:attribute name="myfields" type="String[]" default="['FirstName', 'LastName', 'Email']"/> <aura:attribute name=&...
-1
votes
1answer
32 views

Result not getting displayed

Class public class CL_1103_AccSobject { @AuraEnabled public static String createacc(Account ac){ String Res; try{ insert ac; Res='Good'; } ...
0
votes
0answers
7 views

need to edit css in ui:inputDateTime

I want to edit the width of the input boxes provided by ui:inputDateTime one by one. You can do it to the two fields at the same time by adding a class to the html tag but I didn't found how to edit ...
5
votes
1answer
316 views

LWC Combobox with “add new” button

I need a lightning-combobox (or something similar) with available for choose values. But I also want to be able to type free text and choose "add new" value and save this typed text. I found ...
0
votes
0answers
33 views

Custom Lightning / Aura Component not rendering a dynamic list unless manually refresh page

Hey so I have a custom Aura / lightning component on the Quote object pages. The component basically as a user search bar that searches for users. It's built basically using this lightning design ...
0
votes
0answers
54 views

Custom Maintenance popup same like salesforce

i have curiosity on how salesforce implement Maintenance Window/popup or Alert banner? below images. i want build same like but all my doors are closed to get the same out put. or I tried bellow 2 ...
2
votes
0answers
34 views

How to make lightning-layout-item grow horizontally or vertically or both?

I'm trying to create a flexible layout using lightning-layout and lightning-layout-item base components in LWC. The screenshot of the basic idea is given below. Appreciate inputs on how can we achieve ...
0
votes
0answers
136 views

Emojis/emoticons in Rich text field LWC?

I am trying to build a LWC component with a rich text editor and want to know how to get the emoji option in the tool bar.
0
votes
0answers
26 views

How to pass take record id while pressing a overiding button and take it to the component

I was working on a project in which I have to override a button. After overriding, I get redirected to a new page and lose the reference to parent id. Can someone give a solution to this problem? ...
1
vote
1answer
60 views

How to combine two rows value into one and perform the same action in lightning-datatable

Based on the common value of Country and City. I want to group rows and provide single button for any action which will be applicable for both the records. eg below
1
vote
1answer
61 views

Regex for minimum characters in long text area field

There is a screen flow in which I have a long text area field. For that field I want to check that there are at least 5 characters entered in that field. I was using the regex - REGEX({!Case_note},“^.{...
0
votes
1answer
208 views

How to scroll on the top of modal

i have a modal popup with scrolling, i am trying to scroll the user to the top of the modal when the user clicks on a button. window.scrollTo(0,0) is scrolling the main window not the modal.
1
vote
1answer
36 views

BEM Notation & SLDS Validator

With the BEM Notation change being enforced in Summer 21, what's the best way to search the code base for any references requiring updating? I've tried to use class=".*--.*" and .*--.* while ...
0
votes
0answers
16 views

sforce.one.createRecord doesnt populate default values in edit mode for country and state

I'm creating a new lead from contact on click of a list button. I have a visualforce page that button points to and visualforce page javascript code. I'm using sforce.one.createRecord and providing ...
0
votes
0answers
65 views

How to capture data from Flow Screen Inside aura:iteration in Lightning Component

I created an aura component that has tabset and a flow screen which is a normal form. There is a variable called quantity. If quantity is 4, my aura component creates 4 tabs and each tab would have an ...
1
vote
1answer
22 views

Scale size of lighting input toggle

I was hoping that there was an easier way to do this. I have loaded some custom CSS from our client into our customer community using an Aura theme layout component. Most things either looked fine or ...
0
votes
0answers
36 views

Difference in loading css from static resource and using css inside folder structure in LWC

I am trying to use the below custom datatable where we can add picklist https://live.playg.app/play/picklist-in-lightning-datatable In this all the css has been added to static resource and it is used ...
1
vote
2answers
295 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
1answer
1k views

How to create custom related list quick links in lwc

I am trying to create a custom related list quick link inside a LWC. I have 2 objects A and B. From the apex I am returning the list of B related record but how can I display it like a related list ...
0
votes
0answers
16 views

How to access the translation for the close button title?

On standard visualforce page there is a close button, when we hover it, it displays a tooltip "Close this window", if the user's language is not English, it will display in other languages. ...
0
votes
1answer
15 views

Setting class of lightning-input to slds-theme_error seems to disable it

After setting the class of lightning-input to slds-theme_error, it seems like the input element has been disabled: clicking inside the element puts the focus on it, but no cursor appears and typing ...
0
votes
1answer
465 views

Alignment of Lightning button and input Text in a single line

I need to remove the alignment issue from my below code of lightning component ,i dont know where I am going wrong. I want to align the input text field and Brand button in the same line. Component :- ...
1
vote
0answers
44 views

Lightning aura components not rendering as expected

We have a few Aura components in managed package application. There are few drop down selection inputs, few buttons to redirect from one page to another page etc.. Issue is that these input values are ...
2
votes
1answer
382 views

Styling Hooks in Base lightning Component (LWC Open Source)

I'm trying to implement Dark mode/ light mode variant in my LWC open source application which internally uses base lightning components. I read the documentation about using styling hooks from ...
0
votes
0answers
14 views

lightning outputfield allignmnet

How can i make the text to start from the left of the arrow . Below is my snippet which i am using : <div class="slds-form_horizontal slds-align_absolute-left "> &...
0
votes
0answers
213 views

Change font-size of SLDS header

I'm using apex:slds/lightning design system and I'm wondering how we can change the font-size on headers/paragraphs. <apex:page applyBodyTag="false"> <apex:slds> <title>...
0
votes
0answers
33 views

Lightning:recordEditForm error

I have used Lightning:recordEditForm to edit a preexisting record'scertain field. But it shows an error "Required fields are missing: [Name, StageName, CloseDate]". I believe this should ...
0
votes
0answers
71 views

How to reset uploading file using lightning file upload after clicking on cancel button in lwc [duplicate]

When I click on new button to uploading a file and click on cancel button, then again I click on new button I want to reset the previous uploaded file from there. *...

1
2 3 4 5
17