Questions tagged [lightning-combobox]
For questions related to the lightning combobox widget
122
questions
0
votes
0
answers
41
views
required lightning-combobox does not will not validate
This is driving me absolutely batty - I have a required combobox in my LWC, and validation does not fire in navigating from field to field (as the lightning-input fields do) nor does it stop the save ...
- 133
1
vote
1
answer
57
views
LWC - Is there anyway I can push value from 2 @wire into 1 array
I have 2 @wire Apex methods that will invoke code from Apex Controller. Right now the array only has value from the 1st wire (because it get called first) but not the 2nd one.
My question is: How can ...
- 97
0
votes
1
answer
38
views
LWC - Cannot fetch Currency field type to display in lightning-combobox
I'm trying to get all currency field type of a specific object and display it in lightning-combobox but it does not work. When I execute this method with anonymous window, I got the result I want. But ...
- 97
0
votes
2
answers
68
views
LWC - Async/Await but value hasn't returned
I have 2 picklists. When the first picklist get clicked, it will captured the value and pass to the second picklist.
Right now, I'm using async/await and also try to call it imperative but it did not ...
- 97
0
votes
0
answers
34
views
How to render an array of objects (label,value pair) effectively on a lightning checkbox group functioning as a dropdown?
I need a checkbox group as a dropdown and have the following array formed in LWC JS
handleShowingStateFilters(resultSet){
this.stateFilterOptions = [];
this.tempArray = Object.keys(...
0
votes
1
answer
145
views
Lightning Combo box overflowing outside table column
I have added a combobox in lwc using table structure and it is overflowing to the next column. Below is the code I used.
<table class="slds-table slds-table_cell-buffer slds-table_bordered&...
- 407
0
votes
1
answer
33
views
Setting selected value of a lightning-combobox does not show when inside a <template for:each> tag
I have a LWC that displays anywhere from 1 to n lightning-combobox components. Since the number of combo boxes needed is unknown, the combo boxes are within a for:each directive:
<template for:...
- 1
0
votes
0
answers
186
views
Unable to set custom field value in lightning record edit form
I have a button that creates a new case. There are different record types for Case Object and I need to create a record for a specific record type only. I am using lightning-record-edit form to ...
- 1
0
votes
0
answers
75
views
Avoid dropdown list out of LWC
Hello guys I have been fighting to keep the lightning-combobox dropdown list stick to the lightning-combobox and not leave it out of the LWC.
I would like to remark that this LWC is inside on an Aura ...
user128393
0
votes
1
answer
48
views
LWC looks different in prod environment
Hello guys I made a LWC form embebed in an Aura component in my scratch org and deployed to the production environment. When I was testing two things happened.
The first one is related when I scroll ...
user128393
2
votes
1
answer
300
views
How do I allow custom input in a LWC combo box (or something similar)?
Salesforce offers the lightning-combobox for showing a field with a list of predefined options. When I think of "combobox," I think of a UI widget that offers predefined options but also ...
- 857
2
votes
1
answer
7k
views
Searchable Lightning Combobox LWC
Hello guys I have a lightning combobox that has like 600 values. I would like to be able to search the values instead of scrolling.
My .js code is this one:
picklistOrdered = [];
connectedCallback(...
- 97
0
votes
1
answer
200
views
can not show values in Lightning Combobox LWC
Hello guys I want to show in a lightning-combobox values from a SObject that has two important fields: Value__c and Key__c.
My apex code looks like this one:
@AuraEnabled(cacheable=true)
public static ...
- 97
0
votes
3
answers
261
views
Save the field Name field in combobox LWC
Hello I was trying to save in a lightning-combobox the field Name from record of an SObject, but it is not working.
My apex class:
@AuraEnabled(cacheable= True)
public static List<String> ...
- 97
0
votes
1
answer
234
views
Method to choose when field is required LWC
Hello everybody I am currently working on a LWC form where I have some fields like inputs, comboboxes... In a combobox field when the user chooses, for instance the option A, an other lightning-input ...
- 97
1
vote
2
answers
922
views
Generate a array with unique values for displaying options in LWC Combobox
I am returning a list of records from Apex (say list of Account object records). There is a text field (CustomTextField__c) on Account object which is in the list returned and needs to displayed as a ...
- 13
2
votes
1
answer
187
views
Lookup CSS dropdown-alignment implementation in lightning-datatable
I'm currently having some issues with the lookup implementation that is being used within a lightning-datatable implementation.
The lookup bar is being cutoff, and instead pushes the entire table ...
- 103
1
vote
1
answer
351
views
lightning combobox dropdown is hidden inside LightningModal
I'm building a lightning Combobox inside LightningModal but the dropdown list is hidden because the lightning modal container is not automatically extended as follows.
I already tried the solution ...
- 137
1
vote
1
answer
8k
views
LWC Import custom picklist field and show it in LWC
I have a custom field (picklist) which is filled with a global picklist values.
I want to import it and show it on the screen in the form of combobox (or anything similiar).
What I am trying to do is:
...
0
votes
1
answer
310
views
Scrollbar in dropdown menu is pinned to bottom by default
I'm new to LWC and I have lots of values that should be displayed in the dropdown (in other smaller dropdowns it's not occurring) it is important because the values are sorted alphabetically from the ...
0
votes
0
answers
64
views
How make ALL combobox options display inside div if div needs to allow scrolling
I have a table of data in a div tag that is set to a certain size. To ensure that the size is maintained even with lots of data I have its CSS set to overflow: auto. So when there are many rows of ...
- 577
0
votes
2
answers
172
views
Reactively display data when selecting a value from lightning-combobox
SF newbie here. I have a lightning-combobox component with a bunch of leads. When a user clicks on a particular lead, I want data related to that lead (Name, Company, Email) to be displayed. I'm ...
- 5
0
votes
1
answer
523
views
Align Vertically Combobox and Lightning Input
I need to align 4 inputs fields that are dynamically build (c-filter-component), they can be either of type combobox or of standard lightning input and maximum 4.
The problem is I am unable to align ...
- 3
0
votes
0
answers
164
views
LWC Combobox picklist values are not showing calling from Aura component
My issue is:
I have created one LWC component used combobox to display a datatable of an object fields and their picklist values. I called this LWC component from Aura component.
Issue: picklist ...
- 1
0
votes
0
answers
19
views
LWC Combobox picklist values are not showing while calling from Aura component [duplicate]
I have created one LWC component used combobox to display a datatable of an object fields and their picklist values. I called this LWC component from Aura component.
Issue: picklist values are not ...
- 1
0
votes
2
answers
212
views
How to get picklist values of TeamMemberRole field on OpportunityTeamMembers
I have the following LWC but cannot seem to get the Picklist values
Javascript
import { LightningElement,track, wire, api } from 'lwc';
import { getPicklistValues } from 'lightning/uiObjectInfoApi';
...
- 2,294
0
votes
1
answer
1k
views
insert lightning-combobox value to text field using LWC
I want to insert a Lightning-combobox value in a text field using LWC.
I have used below syntax but it's not working. Please help me out.
html file
<lightning-combobox
data-id="...
0
votes
1
answer
88
views
How to get distinct value as option in Combobox?
HTML :
<div class="slds-box slds-p-around_none slds-m-top_x-small slds-m-bottom_medium slds-m-horizontal_none">
<lightning-layout vertical-align="end">
&...
user122708
0
votes
0
answers
1k
views
How to set default picklist value on Custom combobox using LWC
Child lwc JS :
setSelection() {
const selectedItems = this.getSelectedItems();
let selection = '';
if (selectedItems.length < 1) {
selection = this.placeholder;
this.selectedOptions = [];
} ...
- 27
0
votes
1
answer
2k
views
how to get event.detail values from combobox multipicklist using LWC?
multiSelectcombobox HTML :
<template>
<div class="slds-form-element">
<label if:true={label} class="slds-form-element__label">
<abbr if:...
- 27
1
vote
0
answers
295
views
This is a parent-child communication question from LWC combobox!
I'm a beginner at lwc!
When you select an object from a combo box created by a parent component, you want to load the fields corresponding to the selected object into the combo box created by the ...
- 43
0
votes
2
answers
3k
views
How to set default value in Combobox using LWC?
@wire(retrieveFields)
listViewResults;
get listViews(){
if (!this.listViewResults?.data){
return [];
}
let tempListViews =...
user110654
0
votes
1
answer
235
views
combobox Value Label not showing properly
I have a combobox that looks the following
In my JS:
timeValue = 7;
options =[
{ label: 'Last 7 days', value: 7},
{ label: 'Last 30 days', value: 30 },
{ label: 'Last Quarter', ...
- 395
1
vote
1
answer
594
views
Invalid key error, when clicking on a combobox from a nested component
I have an lwc that displays content differently based on data type, filterField.html (simplification):
<template>
<div if:true={isText}>
<lightning-input value={_value} ...
- 45
0
votes
0
answers
572
views
Not able to retain lightning-combobox selected value on community in LWC
The selected lightning-combobox value on community is getting saved in backend under Trial object but not able to retain the value on UI level in community on "Save & Next" button
HTML ...
- 1
0
votes
1
answer
579
views
showing a list of results showed while user is writing something in search box
I'm trying to create a search box where the user write something, and while he do that a listbox with all the matching results appears (like in the figure below) (!! I'm asking only how to show the ...
- 19
0
votes
1
answer
283
views
lightning-combobox throwing error on selection
I have a lightning-combobox which gives the options to select a field from an fetched apex collection. The component loads without any issue on the page as soon as I select an option I get a page ...
- 2,294
0
votes
1
answer
1k
views
Set different options in lightning-combobox in for:each template
I have a component that lets you select different troubleshooting scenarios that have specific outcomes related to them. The logic is as follows:
User selects a scenario in a combobox.
Different ...
- 159
1
vote
2
answers
2k
views
Disable some options of a lightning-combobox
Is it possible to disable specific options of a lightning-combobox like one can do with the attribute disabled of the option element in standard html (example below)
<select>
<option>1&...
- 15
0
votes
0
answers
530
views
How to prefix LWC Combobox items with several white spaces?
I've been using the LWC Combobox to implement a requirement that involves having indentation (prefixing with white spaces or just padding-left) on the Combobox items/options. The idea is to have a ...
- 1
0
votes
2
answers
1k
views
How to convert string with comma-separated values to lwc picklist
I am a beginner in LWC, hence please pardon for any mistakes, and would appreciate suggestions to improve. I am trying to create an LWC picklist (lightning-combobox) with options that are basically ...
0
votes
2
answers
482
views
lwc combo box not binding values
I have a array like below in lwc js.
I need display the value in combo box. Currently I am passing the variable which assign the prevoius array like below.
But it's not displaying value???? in combo ...
- 23
0
votes
1
answer
297
views
Problem with LWC that should show a list of answers for each Question
I made an LWC that should show a list of question with some answers for each question under the Campaign Member, but after managing to retrieve the questions and show them in the HTML, I don't manage ...
- 3
0
votes
1
answer
476
views
Access to option data in lightning combobox?
Given this code:
HTML :
<lightning-combobox name='Test' label='Testing' placeholder={serviceReopenTest}
options={serviceOption} onchange={handleServiceChange} value={idServiceOption} ...
- 305
0
votes
1
answer
1k
views
try to print a map in lwc combobox
i try to pass a string map from apex to js LWC and print that values in a combobox. i follow more answer from here, but dont working on my code. the combobox dont load data.
apex metod
@AuraEnabled
...
- 21
0
votes
1
answer
3k
views
Opening Lightning Combobox options upwards
Since my dropdown is at the bottom of the page, if we try to select a value, it adds extra scrolling as select options open downwards.
Can we open it upwards instead of downwards, either using ...
- 303
0
votes
3
answers
2k
views
How to increase length of dropdown for lightning-combobox in lightning web component?
I am trying to show all of the picklist value in dropdown instead of using scrollbar. Is there any way we can set the lenght/height of the dropdown for lightning-combobox component in lightning web ...
- 431
1
vote
1
answer
4k
views
CSS in LWC - lightning-combobox box to be curved (border-radius)
I want the lightning-combobox input box to be curved(border-radius: 18px).
My research and attempts:
I tried CSS for lightning-input as:
.slds-modal input[type="text"]{
border-radius: ...
- 419
2
votes
1
answer
2k
views
lightning-combobox validation - how to reset into no errors
I am building LWC component and have a few comboboxes that some of them are required.
<lightning-combobox
required="true"
label="My combo"
options={...
- 4,975
2
votes
0
answers
2k
views
How to modify the height of a lightning-combobox dropdown?
I have a lwc combobox and I wanted to control the number of options shown.
I tried a lot of CSS and slds existed on the internet but I couldn´t changed it.
Could anyone help me?
<div class="...
- 21