Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [lightninginput]

The tag has no usage guidance.

0
votes
2answers
971 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 ...
3
votes
2answers
892 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?
6
votes
3answers
9k 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="...
1
vote
0answers
17 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
27 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'...
1
vote
1answer
1k views

Question about pattern of lightning:input

how i can have a field (lightning:input) in which i can write 3 integer and 3 decimal? Something like 123.456 (max 3 integer and max 3 decimal, with "." or "," between integer and decimal). I try to ...
0
votes
1answer
3k 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
0answers
24 views

File upload thumbnail preview in Lightning

I would like to understand if there is any way to do thumbnail preview in salesforce on file upload I tried implementating the below but apparently it does not work without paura package/framework ...
0
votes
0answers
44 views

Display currency in lightning

I am using lightning:input to display a currency value <lightning:input aura:id="fee" type="number" formatter="currency" label="Fee" name="fee" value="{!v.feeObj.Fee__c}" step="0....
4
votes
1answer
40 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
2answers
690 views

Make lightning:inputRichText length longer

Is there a way for the lightning:inputRichText to make its size and length longer? Updated: I've already put a style of .THIS .lightningInputRichText { height: 500px; } But as you can see, ...
0
votes
0answers
273 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 ...
2
votes
0answers
232 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 ...
0
votes
1answer
58 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
434 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
21 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 ...
0
votes
1answer
746 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 ...
1
vote
1answer
46 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
96 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
29 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
690 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
220 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 :- &...
4
votes
1answer
582 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 ...
2
votes
1answer
104 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
250 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
2answers
4k views

lightning:input type=“radio” result binding

How can I bind attribute to result of lightning:input type="radio" I have tried the following <aura:attribute name="colors" type="String[]" default="Red,Green,Blue"/> <aura:attribute name="...
1
vote
1answer
773 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
192 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
327 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
1k 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
447 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
183 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: ...
0
votes
0answers
151 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
105 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
44 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 ...
6
votes
2answers
4k views

Lightning:Input - Hide (Reset) Field Level Error message Enabled by using showHelpMessageIfInvalid()

Have few Lightning:Input and Lightning:Select components in My Component A. All the fields are having Required attribute as 'true'. Once fields are validated, Field level error (help) messages appear ...
2
votes
1answer
316 views

lightning:input customError in ValidityState

I'm looking at creating a file importer in lightning, and with the restrictions on file size I'm trying to create an error message to display when the file is over 1mB. If I log the ValidityState of ...
0
votes
1answer
542 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
356 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
0answers
392 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:...
6
votes
2answers
760 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" ...
6
votes
0answers
276 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 ...
1
vote
2answers
948 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
1answer
1k 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
2answers
6k views

How can I set the width of a lightning:input type=“search” without using pixels?

so I need to use a lightning:input type="search" searchbar, and I also need to put a button to the right of the searchbar on the same line. e.g.: the issue is, the only way I could figure out to get ...
1
vote
1answer
622 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
235 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
462 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 ...