Questions tagged [lightninginput]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
10
votes
1answer
8k 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
2k 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
233 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
312 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
14k 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.../><...
1
vote
2answers
4k 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
568 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
2answers
2k 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
9k 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 ...
4
votes
2answers
5k 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?
1
vote
1answer
9k 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
2k 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
43 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 ...
0
votes
1answer
2k 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
4k 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
16k 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
3k 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
3answers
2k 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
2k 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
1k 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,...
1
vote
0answers
521 views

lightning:input accepting xml document in spite of not included in “accept” attribute .(Microsoft Edge specific issue)

I have following lightning:input of type file: <lightning:input aura:id="fileInputId" type="file" label=" " multiple="false" ...
0
votes
0answers
208 views

Unable to invoke action from ui:button component in Lightning

Could you please help in solving this issue?. I am unable to invoke controller action from ui:button press event. Code is below. Controller.js ({ displayName : function(cmp, event) { ...
2
votes
1answer
744 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 ...
1
vote
2answers
8k 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="...
2
votes
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 ...
5
votes
2answers
7k views

lightning:input Clear validation error messages

I have enabled error messages (validation failed) for Lightning:input components inside my lightning component A using inputCmp.showHelpMessageIfInvalid() I am trying to clear the Lightning:input ...
7
votes
2answers
7k 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 ...
0
votes
0answers
96 views

lightning:input hides input on focus - how can I fix it?

On displaying a lightning:input component, everything looks fine: But if I click on the component, not everything looks fine: How can I move those up and down chevrons to the right?
8
votes
2answers
16k views

readonly property of lightning:input not working

I am using lightning:input of different types. Using readonly=true in input of type text is working but does not work for checkbox or for lightning:select. Anyone got any clue for this?

1 2
3