Questions tagged [lightninginput]
The lightninginput tag has no usage guidance.
106
questions
0
votes
0answers
24 views
Reset invalid value in lightning-input date to a blank value on click of a button
I have a lightning-input of type date. When I enter an invalid value in this field, there is a validation displayed 'Your entry does not match the allowed format MMM d, yyyy.' I want to clear this ...
1
vote
1answer
24 views
lightning-input of type “toggle” - any way to change the Inactive/Active text?
For this component::
<lightning-input type="toggle" ...></lightning-input>
the "Inactive" and "Active" text appears to be fixed:
Is it? Is coding this up ...
0
votes
0answers
22 views
LWC styling for iOS - lightning input is going off the screen
I've experienced a strange problem on Salesforce app for iOS. I have LWC component with searchbox. It's a standard lightning-input and search result list as an ul element with li as options.
On ...
0
votes
0answers
13 views
Get all lightning inputs with given type
Is it possible to access all of the lightning inputs of given type?
I mean something more generic than getting them by aura:id
0
votes
1answer
45 views
Get final Lightning input value in LWC JS
I have a lightning-input tag in my LWC HTML file and i want to get the final value of the text which user inputs. I have a onchange event but it gives me value on every change.
for eg. if the user ...
0
votes
0answers
36 views
Dropdown is not getting close in the Lightning Input box in LWC
Hi I have created the lightning input box which contains some value as a drop down but when i am clicking outside of the drop down anywhere on the page the values which are appearing as a drop down is ...
0
votes
1answer
72 views
Reformat LWC (Lightning Web Component) Input to Credit Card formatting
I have a Lightning Input that when a user types into I would like it to be reformatted to mirror CC Credit Card formatting. For example when I type in 1234567812345678 it updates as the user is typing ...
0
votes
0answers
34 views
Focusing on first lightning input with error in LWC
I have number of Lightning input fields in my component. If there is any error in input from user, On submit of form, I want to move the focus onto the first erroneous Lightning input.
In the ...
1
vote
1answer
33 views
How to display account address field values in lightning:component
I'm having a custom lookup input field in my custom lightning component. When I select a contact from that lookup, it should display its related account field values like account name, account type ...
1
vote
1answer
54 views
Upload an image in lwc rich text component doesn't work
I'm using a lightning-input-rich-tex base component and I'm trying to upload an image but it doesn't work
Code
<lightning-input-rich-text
formats={formats}
...
0
votes
0answers
62 views
Arrows hidden in lightning:input number?
someone knows why the arros in the lightning input number disappeared, and how can I put in again? grettings
0
votes
1answer
40 views
Accessing the string value of a date-type lightning-input
We're using the onchange event on text-type lightning-input components to apply formatting, so users can quickly enter numbers and have the punctuation applied automatically.
For instance, a Social ...
2
votes
1answer
180 views
Lightning-input currency not working properly as of Spring 20'?
Hi I refreshed my org in order to have the latest changes from Spring 20' release, and I noticed a change in the input type currency when I try to type the decimal value separated by a dot ('.'), it's ...
0
votes
3answers
911 views
Change the color of Lightning-input label
I have below code for input text
<lightning-input label="Email" class="textInput" value={rec.Name} onchange={handleNameChange}></lightning-input>
Here I want to change the color of the ...
0
votes
2answers
62 views
value not retaining when showing a different template
I am very new to LWC. And i am confused about why value is not coming in input text when i am going back to the same div(template).
<template>
<br/>
<br/>
<template if:true={...
0
votes
0answers
66 views
How to allow decimal input whose number of decimal places is lower than the step value of input component
I have a lightning input component with the attributes as type="number", formatter="decimal",and step="0.01". However, this seems to restrict the decimal input to be of exactly 2 decimal places. Is ...
1
vote
1answer
107 views
Binding array nested in a map to a lightning input component not working as expected
I have a component attribute which is as follows:
<aura:attribute name="variants" type="Map" default="{names: ['Tom', 'Dick', Harry']}" />
The array in the map is used in lightning input ...
2
votes
1answer
129 views
Is it possible to conditionally set the value of an input component?
I tried to create an input component as follows:
<aura:attribute name="dataTotal" type="Map" />
<aura:attribute name="myBoolean" type="Boolean" />
<lightning:input type="number" value=...
0
votes
3answers
77 views
Disable a toggle if is checked
Is it possible to disable a toogle if is checked ?
<lightning:input type="toggle" name="togglevalue" checked="false" messageToggleActive="ok" messageToggleInactive="not ok" disabled="{!if ...
0
votes
1answer
37 views
Is there a way to zoom in on a text input field?
Say I have an lightning input field in a table that looks like this in HTML.
<td><lightning-input key={row.key} data-key={row.key} value={row.aucNotes2} onblur={handleRowAction} name='...
0
votes
2answers
70 views
Pass multiple values from Lightning radio
I need to pass mutiple values to Lightning radio button onChange function. Here's my code;
<aura:iteration items="{!v.records}" var="rec">
<tr class="slds-hint-parent"> ...
0
votes
2answers
681 views
Regex for string but at least one character must be a number of letter [closed]
I have a lightning input component and I need the input values to be only alphanumeric characters, underscores and/or spaces. However, there is also one more requirement to have at least one number or ...
3
votes
2answers
196 views
LWC: Wait until property propagates down containment hierarchy
I'm working on a Lightning Web Component form where child components contain input fields. These components can be expanded to see all the fields, or collapsed to save space. So far, so good.
The ...
0
votes
2answers
423 views
Unable to set Text Alignment for lightning-input (Number) LWC component
I am using lightning-input of type number (LWC) and trying to have input text center aligned.
At the end, element's class is being set to "slds-input", So I cannot use custom class to add css.
I am ...
0
votes
1answer
155 views
Required attribute not working lightning:input rerender
I am facing an issue with below code. Required attribute on lightning:input is not working on rerender. I have an inputCheckbox and I render the lightning:input field upon checkbox selection. This is ...
0
votes
1answer
508 views
Lightning-input label font size too small on mobile
I create a visual force page with a lightning web component form.
The problem I have is that the input labels are too small on a mobile.
The visual force page:
<apex:page showHeader="false" ...
3
votes
1answer
95 views
Modify LWC component styles
I came across a requirement where I wanted to change the width of the Date & Time pickers of the
<lightning-input></lightning-input>
LWC component from component library. It took ...
0
votes
3answers
531 views
Lightning: Stop page refreshing WHEN Enter key is pressed
I am using the ui:inputtext for lightning component. When the user hit enters the page refreshes. Is there anyway to stop it from doing that.
Cmp
<aura:component controller="MovieController">
...
0
votes
1answer
310 views
lightning:input type=“file” not working
I'm working with a lightning custom component that needs to load files and handle them in back controller.
I have this definition of lightning:input:
<lightning:input type="file" label="{!$Label....
3
votes
3answers
135 views
How to implement Auto-date functionality in the Lightning JS
I would like to show the auto date format like mm/dd/yy...with auto add /.
I would like to implement exact same functionality shown in the below example from Fiddle.
Here is the example: Fiddle.
1
vote
1answer
383 views
Placing asterisk to to Lightning:input fields in LWC
I am trying to add a double asterisk to lightning:input tags in LWC, by using "required" tag inside the tag i am able to see the asterisk, but two issues with this is i have to show double asterisk to ...
1
vote
1answer
899 views
Lightning-input - Date/Time - Min and Max [closed]
In this: <lightning-input type="datetime" name="EventStartDateTime">
How do I set the min and max values for time ( 06:00 to 11 pm ) and Date (Min: Today and Max: Today +10 years) ?
0
votes
1answer
2k views
Required Validation upon submitting a LWC form
The issue with above approach is that the form is not getting submitted.
As we have not defined any type for lightning-button.
Yet, it is displaying error messages correctly but I am stuck on how to ...
0
votes
1answer
288 views
Add custom validation when table is loaded in LWC
I have a table with few columns. I have to add validation based on first two columns.
First column is "Model Number" and second is "Part Number". I am using html table with "for:each". And data is ...
0
votes
1answer
47 views
validation after data is imported through .csv in lighnting web componet form
I made a UI, where i am taking inputs inside loop. I have four columns.
First column is Model number and second column is Part Number(read only).
When they enter model number i am calling class and ...
0
votes
1answer
137 views
Bind inputs to array of objects in js file
I am new to LWC. I ma made a UI, where i am taking inputs in array of objects.
But i am not able to map those values in the JS file. I know how to do for single input, but not sure how to do for list ...
0
votes
1answer
554 views
lightning-input validation inside loop
I am new to lightning web component. I was trying to create a table where i take input of new records. I am putting one field for now, for simplicity.
<template for:each={allrecords} for:item='...
0
votes
1answer
76 views
Lightning:input required always true
I have a lightning component like the below,
<aura:component description="GDPR_Settings_Configuration" implements="force:appHostable">
<aura:attribute name="gdprSetting" type="Object" ...
1
vote
1answer
46 views
How to change output type to input type in lightning onclick
I like to change output field type to input type when i click on date picker of date field.
0
votes
2answers
260 views
lightning-input-address embedded in VF page. Address lookup not working
I have a use case to embed a lightning web component in a VF Page (in Classic) which includes a lightning-input-address component. The component includes the standard address lookup input (which ...
1
vote
1answer
86 views
Are pre built lightning web components (example lightning-input) available for use in open source?
I just tried using LWC on my local, but not able to use <lightning-input />. Is it available for open source? Is there any way to bring prebuilt lightning web components with lightning namespace ...
2
votes
0answers
269 views
Spell check doesn't work well in lightning input rich text
I'm having a lightning out app in which I'm having a custom rich text field. When I try to correct the spelling for the misspelled words, it's stripping out the entire line instead of correcting the ...
0
votes
1answer
553 views
Display spinner on lightning:input type=“search” field
At the moment I have spinner next to my search field, but it's wonky.
What is preferred way to display spinners for search fields?
Current solutions is...
Essentially I want something similar that'...
4
votes
1answer
997 views
Lightning:input in Aura:iteration values aren't set
I am trying to create an array of String values in an lightning component using a List attribute:
<aura:attribute name="keywords" type="List" default="['','','']" />
With multiple inputs:
<...
0
votes
0answers
2k views
onBlur for lightning:input
Trying to implement logic for lightning:input on onBlur case. I need to close this input, when it lose focus, and if I click related buttons for this lightning:input(Confirm/Cancel), want to have some ...
0
votes
1answer
322 views
Action failed: c:DateValidation$controller$doAction [inputCmp.showHelpMessageIfInvalid is not a function]
I trying to validate ui:inputDate along with lightning:input of type Date. But I'm getting the error as
Action failed: c:DateValidation$controller$doAction [inputCmp.showHelpMessageIfInvalid is ...
0
votes
1answer
2k views
how to format date in lightning components [duplicate]
I'm using lightning input of type date in my lighting component. Once the date is selected it is showing date as **Feb 12, 2019 ** But we want the date to be shown as MM/DD/YY. is it possible
Here is ...
1
vote
1answer
441 views
How to upload files to a related record using lightning components?
I'm trying to upload a file to a related record using just the <lightning:input> component.
The <aura: component> includes the force:hasRecordId and by using {!v.recordId} I am able to ...
2
votes
1answer
385 views
How can you get the caret position when working from an event?
Looking at the Locker documentation they list selectionStart as being a valid attribute, but I can't find a way to access it.
I am trying to write an input masking utility, and everything works fine ...
3
votes
1answer
3k views
How can I use Lightning:input focus on init?
Not sure what am i missing here but trying few approaches but still having some issues and it doesn't work so far.
How can I invoke the method focus on a ui input :
cmp
<lightning:input label="...
