Stack Exchange Network

Stack Exchange network consists of 174 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
0answers
24 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
35 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
60 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
109 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
48 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 ...
0
votes
0answers
201 views

force:inputField not able to set new value in force:recordData

I am creating a component for our lead users to reassign cases and I am running into issues. Firstly, I am not able to use lightning:input as it does not work with lookup fields. So switched to ...
12
votes
0answers
298 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
314 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
211 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
97 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: ...
2
votes
1answer
207 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
66 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
69 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
31 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
289 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
165 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
403 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
4k 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
587 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
431 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
211 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
265 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
674 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
348 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
176 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
2k 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
303 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
1k 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
695 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: " ...
3
votes
1answer
1k 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
814 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
67 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
233 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
3k 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
1k 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
189 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
695 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
439 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
0answers
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
694 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 ...
7
votes
3answers
2k views

Expense App - Lightning Input toggle does not change color

In the trailhead salesforce module -> Connect Components with Events. I have a expense component: <aura:component controller="ExpensesController"> <aura:handler name="init" action="{!c....
0
votes
1answer
578 views

How can I dynamically set the focus on a lightning:input? [closed]

So I want to be able to set the focus on a lighting:input searchbar as soon as a tab is clicked, but I can't figure out how to target it. In javascript I could just do document.getElementById("someId")...
-1
votes
1answer
3k views

Standard Lightning Layout in Lightning Component

I would ask if it is possible to get the same Standard Lightning Experience Layout in a Lightnign Component. For example I would replicate this Layout: but in Lightning Component I am using ...
1
vote
2answers
4k 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 ...
3
votes
0answers
2k views

Using Lightning input file

I've been using the lightning:input type="file" <lightning:input type="file" label="Attachment" name="file" multiple="true" accept=".docx, .doc, .xlsx, .zip" onchange="{! c.handleFilesChange }"/&...
0
votes
1answer
453 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
1answer
1k views

force:inputField error: AuraRuntimeException: Error Retrieving Field

I am getting the above error with this component, which is used as an action override on the Account object: <aura:component implements="lightning:actionOverride,force:hasRecordId,flexipage:...
1
vote
2answers
693 views

Firefox specific UI issue with lightning:input when required attribute is true

I am having this strange issue in Firefox that on load of my component, the following field is automatically bordered red without performing any action as: The border goes away when I enter something,...