Questions tagged [lightninginput]
The lightninginput tag has no usage guidance.
0
votes
0answers
19 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
19 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
22 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 ...
0
votes
0answers
18 views
Lightning:input type= date changing year from dropdown doesn't work
In Lightning,for Date input field I use
<lightning:input type="date" aura:id="Start_date__c" value="{!v.Start_Date__c}" />
In UI, in the datepicker,if I try to change the year using the ...
1
vote
1answer
33 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
42 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 ...
0
votes
0answers
19 views
lightning:input press enter and hide mobile keyboard
I have a <lightning:input which is used to search for products.
CMP
<lightning:input onchange="{!c.handleSearchTermChange}" aura:id="searchTerm" label="Search Products" type="search" />
...
3
votes
1answer
118 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="...
0
votes
1answer
75 views
Lightning Pill as Output Text
I have a component having multiple values.The multiple values are coming properly in the input text box. I want to show the values selected from the list as lightning pills.
My Component Code is :-
&...
1
vote
0answers
65 views
Lightning:input[type=number] value attribute is string instead of number
I encountered a fascinating bug (or feature) in the lightning:input[type=number] component and I was wondering if any of you have had this problem before?
I'll describe what happens:
My lightning ...
2
votes
1answer
55 views
Error in Lightning Design System Input element on Mobile
I am using lightning:input out of the box component. I'm displaying an error message on the field using the standard functionality of the component. The error message is little long for Mobile but ...
1
vote
0answers
135 views
Issue with Lightning:input and currency formatter
I'm creating a lightning component with a lightning:input, but I have an issue with decimal places and currency formatter.
This is my code:
<lightning:input name="foo" value="foo" type="number" ...
0
votes
1answer
302 views
lightning:input vertical alignment in table cell
Hi,
I want to create a table in my lightning component. I created 2 lightning:input fields and want to change the vertical alignment to "middle" but it does not work.
I tried to do the following:
&...
5
votes
0answers
86 views
How to handle percentage factor of 100 problems when using lightning:input and lightning:datatable?
When working on a bug, I just noticed that lighting:input now supports two percentage formatters, where the older one percent expects the user to know to enter e.g. 0.5 for 50%:
<lightning:input
...
13
votes
0answers
308 views
Cannot read property '$$OwnerKey$$' of null
I have a Visualforce Lightning Out page that's rendering some <lightning:input type="date"> elements. Since the Winter '19 release in the dev sandbox I'm working in, whenever I select a date ...
3
votes
2answers
587 views
How to add lightning:input to lightning:recordEditForm
I'm building out a question answer component where certain answers will have specific input types and it would be nice to set some key parameters of the input field yet still use the lightning:...
3
votes
2answers
268 views
Lightning Input datetime prevent value issue
I am using a lightning:input to get a date/time value in the users Locale.
If the user picks a date that is beyond today I need to prevent that value from being entered.
I am able to catch this ...
0
votes
1answer
143 views
Lightning input showing valueMissing error with non-null value in Edge browser
On a button press, I am attempting to validate my Lightning input fields before taking an action.
For fields marked as required, I am validating that the input field has a value with something like:
...
3
votes
1answer
321 views
How to set currency code to <lightning:input type=“number” formatter=“currency”>
I am developing a custom currency field with lightning:input type="number" formatter="currency" component:
<lightning:input type="number" formatter="currency" value="100" step="1"/>
I have ...
0
votes
0answers
94 views
lightning input file values are changed on attribute modification
I have file input and radio:
<lightning:input aura:id="file-input"
label="Attachment"
type="file"
accept="....
0
votes
0answers
86 views
lightning input file not working in modal
I have this code:
<lightning:input name="myFile" type="file" label="Attachment" required="true" onchange="{! c.handleFilesChange }"/>
It works fine when placed in component.
But when it is ...
0
votes
0answers
37 views
Free Text fields in Communities with <lightning:input> in Lightning Components
I know this is somewhat of an open-ended question, but I hope to get some ideas or guidance on how to drill down on an issue we're experiencing. I'm working with a Salesforce Communities site that ...
0
votes
1answer
421 views
Custom validity does not work when component is recovered in array
I am trying to create a dynamic form validation using the lightning:input component.
According to the documentation of this component (https://developer.salesforce.com/docs/component-library/bundle/...
0
votes
0answers
255 views
onBlur event for lightning:input is not working on iOS
I have onBlur eventListener to lightning:input tag for table Row in a component, It is working fine on Android devices, but it's giving an error on iOS devices v10.3 ( not sure about below).
<...
0
votes
1answer
544 views
Setting multiple selections on a dynamic created <ui:inputselect>
I'm sure I'm missing something obvious here but I'm trying to set all dynamically created iputselectoptions as selected when my lightning component is initialised but I'm finding that nothing is set ...
4
votes
2answers
6k views
Lightning:input type=“date”: how to change the date fomat - Summer'18
I'm trying to change date format of this component but I dont find any attribute (like ui:inputDate has) to change the date format.
<lightning:input type="date" name="input8" label="Dates" value="...
6
votes
2answers
640 views
Did they break lightning:input with Summer'18?
I'm aware that it's still beta, but I didn't expect them to break it for older api versions :/
<aura:application extends="force:slds">
<aura:attribute name="myNumber" type="Decimal" ...
1
vote
2answers
563 views
<lightning:input variant=“label-hidden”> input does not take whole parent width
when I use :
<aura:application extends="force:slds" >
<div>
<lightning:input type="text" label="myLabel" name="withLabel" value="withLabel" />
</div>
</aura:...
5
votes
0answers
231 views
lightning:input behaves strangely with Non-US(german/french) locale
In my app there are many users with a German or French locale. Both have in common that they use comma as decimal separator (opposed to Apex, JS and US-citizens which use a dot .) The dot instead is ...
0
votes
0answers
328 views
Data binding of lightning:input and aura:attribute with type sObject(field) is not working
There is a weird scenario I'm facing while I try to bind the markup UI tags with Lightning aura:attribute as type sObject (fields).
I'm trying to bind data to sobject's fields for different lightning:...
5
votes
1answer
829 views
lightning:input checkbox label with url
I have been tying to include "url/hyperlink" within a checkbox "label" using lightning input, but to no avail. Given is what I have tried and with the results, I want "Terms and Service" part of the ...
1
vote
1answer
438 views
Enable lightning button on value entered
I have two lightning:button and a lightning:input field. What I have seen in some places is that. Some buttons are enabled only when values are entered in the text boxes. Is this achievable in ...
0
votes
0answers
194 views
Make light:input disabled conditional
I have the following piece of code in my lightning component
<aura:attribute name="wrapAccountList" type="wrapAccount[]"/>
<aura:iteration items="{!v.wrapAccountList}" var="arItem" ...
1
vote
1answer
3k views
lightning:input (date) change format to dd/mm/yyyy
The lightning input field has an attribute "pattern". What pattern should i use? I've already tried "mm/dd/yyyy" but it doesn't work.
0
votes
1answer
353 views
Pass text value of lookup to jscontroller
I have a lookup component in lightning. The parent component code snippet
<th class="slds-align-bottom"><c:LookupCmp objectName="User"
field_API_text="...
3
votes
1answer
2k views
lightning:input (text) - is it possible to have multiple patterns
I have a field that checks for 2 patterns. What I currently have is, in the text field's onchange handler, i check if the inputted string matches a certain pattern. However, I want to use lightning's ...
1
vote
1answer
821 views
<lightning:input type=“toggle”> how to set the label above the input component
I am using lightning:input type=“toggle”,
By default the label is displayed to the left of the component:
Here is my code:
<lightning:input type="toggle"
label="My Label: "
...
4
votes
1answer
2k views
<lightning:input type=“toggle”> how to set the slds-checkbox--on and the slds-checkbox--off span text
I am using lightning:input type="toggle" base component and I need to set the text underneath the toggle button.
By default checked displays Active:
And unchecked displays Inactive:
Here is my code:...
2
votes
1answer
956 views
How do you dynamically update lightning:input type?
My assumption was that if any component data is changed, that the component will rerender, I want to change the type of the input field and have it rerender, but it's not doing that!
<aura:...
2
votes
0answers
78 views
Input too long when firing a custom event
What I'm trying to do is, onblur of the amount field, the total amount event would fire and would update the parent component's total amount attribute. Im doing this so that the running total in the ...
5
votes
2answers
257 views
Can we use lightning:input in production
<lightning:input value="{!v.selectedValue}" placeholder="{!v.placeholder}" readonly="true"/>
Can we use the code above in SFDC production? I see that this input component is still in beta from ...
1
vote
2answers
4k views
How to Validate single Lightning:input field? [closed]
I have only one input Field in my Component i.e
lightning:input aura:id="AccId" label="Enter Account Name" name="SearchAccount"
value="{!v.searchtext}" placeholder="Search for an Account.../><...
0
votes
2answers
2k views
Lightning Component File/Image Upload and having it show up in Notes & Attachments
I am trying to pop open a modal form with an input to upload a documentation image on it. Everything else on the form is working perfectly fine, I just had a last minute ask to add this file input ...
0
votes
0answers
219 views
Drag and Drop from Outlook to Lightning:Input
I am setting up a drag and drop file upload using lightning:input as type=file and it works fine when dragging from a local folder. But when I try to drag an Outlook attachment, it doesn't recognize ...
0
votes
1answer
808 views
lightning:input time display
I am using a <lightning:input type="time"/> component and the picker is displayed to the user in 12 hour time with an AM/PM picker.
I want to display this value to the user in a table and the ...
1
vote
1answer
2k views
lightning:input style text-align:right; [closed]
i use in some of my component, and it render a label + and input element with default text aligned in the left, my need is to align text on the right (only of the input element),
I can do that by ...
3
votes
1answer
586 views
Lightning:input type=“file” change the “Upload Files” text
I would like to change the text and the style of the "Upload Files" in the lightning:input. The style as far as I understand I would have to overwrite the slds class, but what about the text?
0
votes
1answer
2k views
Using lightning:input with type=“number” and formatter=“currency”
Is there a way to use lightning:input with formatter="currency" to show whole number instead of Decimal number
<lightning:input aura:id="{!item.Id + 'CY_Tile_Budget__c' }"
type="number" name="...
0
votes
1answer
757 views
Lightning:input label attribute not rendered when type=“checkbox-button”
While checking the lightning:input documentation, I wanted to test out the checkbox-button type attribute only to find out that the label is not rendered when using it:
<lightning:input type="...
2
votes
0answers
36 views
Are multiple object key levels supported in input components?
I am trying to use a <lightning:input> component to edit the Quantity field on an OpportunityLineItem object. The OpportunityLineItem object is contained within a Javascript Object as a key, so ...
