function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
NanduNandu 

Challenge not yet complete... here's what's wrong: The campingList component doesn't appear to have a Name input field in the form using a Lightning Base component.

<form class="slds-form--stacked">
                    <lightning:input type="text" aura:id="newItemForm" label="Name"
                                     name="Name"
                                     value="{!v.newItem.Name}"
                                     required="true"/> 
                    <lightning:input type="number" aura:id="newItemForm" label="Price"
                                     name="Price"
                                     min="0.1"
                                     formatter="currency"
                                     step="0.01"
                                     value="{!v.newItem.Price__c}"
                                     messageWhenRangeUnderflow="Enter an amount that's at least $0.10."/>       
                    <lightning:input aura:id="newItemForm" label="Packed"  
                                     name="Packed" type="checkbox" 
                                     checked="{!v.newItem.Packed__C}" value="{!v.newItem.Packed__C}"
                                     />
                    <lightning:input type="number" aura:id="newItemForm" label="Quantity"
                                     name="Quantity"
                                     min="1"
                                     step="1"
                                     value="{!v.newItem.Quantity__c}"
                                     placeholder="0"/>
                </form>
NagendraNagendra (Salesforce Developers) 
Hi Srinivas,

please try below code. 
<form class="slds-form--stacked">

      <div class="slds-form-element slds-is-required">
          <div class="slds-form-element__control">
              <lightning:input aura:id="itemname" label="Name"
                  value="{!v.newItem.Name}"
                  required="true"/>

          </div>
     </div>

     <div class="slds-form-element slds-is-required">
          <div class="slds-form-element__control">
              <lightning:input  type="number" min="1" aura:id="quantity" label="Quantity"
                  value="{!v.newItem.Quantity__c}"
                  required="true"/>

          </div>
      </div>

      <div class="slds-form-element">
          <div class="slds-form-element__control">
              <lightning:input  aura:id="price" label="Price" Formatter="currency"
                  value="{!v.newItem.Price__c}"
                  />
          </div>
      </div>

      <div class="slds-form-element">
          <lightning:input aura:id="packed" label="Packed?" type="checkbox"
              checked="{!v.newItem.Packed__c}" value="{!v.newItem.Packed__c}"/>
      </div>

      <div class="slds-form-element">
          <lightning:input label="Create Camping Item"
              class="slds-button slds-button--brand"
              onclick="{!c.clickCreateItem}"/>
      </div>

    </form>
    <!-- / CREATE NEW ITEM FORM -->
</aura:component>
Hope this helps.

Kindly mark this as solved if the reply was helpful.

Thanks,
Nagendra
 
Manish Upadhyay 15Manish Upadhyay 15
I faced the same issue - learnings to get this to resolution:
1. This issue is regarding fixes required in campingListForm.cmp
2. Ensure  
<aura:attribute name="newItem" type="Camping_Item__c" 
       default="{'sobjectType':'Camping_Item__c','Name': '','Quantity__c': 0,
                'Price__c': 0,'Packed__c': false}"></aura:attribute>
3. Ensure form input fields having <lightning:input> tags (you may follow any CSS for the form layout)
<lightning:input aura:id="itemform" label="Name" value="{!v.newItem.Name}" required="true"/>
<lightning:input  type="number" min="1" aura:id="itemform" label="Quantity" value="{!v.newItem.Quantity__c}" required="true"/>
<lightning:input  aura:id="itemform" label="Price" Formatter="currency" value="{!v.newItem.Price__c}"/>
<lightning:input aura:id="itemform" label="Packed?" type="checkbox" checked="{!v.newItem.Packed__c}"/>