Apex Code Development You need to sign in to do that
Don't have an account?
Whats wrong in my solution for Trailhead challenge
For trailhead challenge (https://developer.salesforce.com/trailhead/lightning_components/lightning_components_uiforce), I am using below code. I am not able to figure out whats wrong in below code. I am getting error saying "The component is not using the ui:inputText component"
<aura:component >
<aura:attribute name="fName" type="String" default="Jitendra"/>
<aura:attribute name="lName" type="String" default="Zaa"/>
<aura:attribute name="pNumber" type="String" default="201"/>
<aura:attribute name="sal" type="String" default="Mr."/>
<ui:inputText label="First Name" value="{!v.fName}" />
<ui:inputText label="Last Name" value="{!v.lName}" />
<ui:inputText label="Phone Number" value="{!v.pNumber}" />
<ui:inputSelect multiple="false" label="Salutation" value="{!v.sal}" >
<ui:inputSelectOption text="Dr." label="Dr." />
<ui:inputSelectOption text="Mr." label="Mr."/>
<ui:inputSelectOption text="Mrs." label="Mrs."/>
<ui:inputSelectOption text="Ms." label="Ms."/>
</ui:inputSelect>
<ui:button label="Submit"/>
</aura:component>
The code was fine. Right now there's a potential conflict between components of similar types. So if anyone else sees this behavior, delete (under File in Developer Console while on the tab/resource you want to delete) any resource you don't need. For instance, if there is a component and a design resource, delete the design resource and then test against the component again.
Hotfix in the hopper, will be made live in as much two-weeks-before-Dreamforce speed we can muster.
All Answers
--> Okay, I assume you'll save it as 'RegistrationForm'.
The form must contain UI components with the following labels: 'First Name', 'Last Name', 'Salutation', 'Phone Number'.
-->Okay
The form must use the appropriate component for the type of input.
-->Phone number should be changed to : <ui:inputPhone label="Phone Number" value="{!v.pNumber}" />
The 'Salutation' input must be a drop-down list with options such as Dr., Mr., Mrs. and Ms.
-->Okay
The form must also include a button labeled 'Submit'.
--> Okay, but you should add an id such as <ui:button aura:id="outputButton" label="Submit" />
As a common practice, if your question is answered, please choose 1 best answer.
But you can give every answer a thumb up if that answer is helpful to you.
Thanks
<aura:component > <aura:attribute name="fName" type="String" default="Jitendra"/> <aura:attribute name="lName" type="String" default="Zaa"/> <aura:attribute name="pNumber" type="String" default="2017899635"/> <aura:attribute name="sal" type="String" default="Mr."/> <ui:inputText aura:id="fName" label="First Name" value="{!v.fName}" /> <ui:inputText aura:id="lName" label="Last Name" value="{!v.lName}" /> <ui:inputPhone aura:id="phnNum" label="Phone Number" value="{!v.pNumber}" /> <ui:inputSelect aura:id="salutation" multiple="false" label="Salutation" value="{!v.sal}" > <ui:inputSelectOption text="Dr." label="Dr." /> <ui:inputSelectOption text="Mr." label="Mr."/> <ui:inputSelectOption text="Mrs." label="Mrs."/> <ui:inputSelectOption text="Ms." label="Ms."/> </ui:inputSelect> <ui:button label="Submit" aura:id="btnSubmit"/> </aura:component>Try this;
<aura:component > <aura:attribute name="fName" type="String" default="Jitendra"/> <aura:attribute name="lName" type="String" default="Zaa"/> <aura:attribute name="pNumber" type="String" default="2017899635"/> <aura:attribute name="sal" type="String" default="Mr."/> <ui:inputText aura:id="fNameinput" label="First Name" value="{!v.fName}" /> <ui:inputText aura:id="lNameinput" label="Last Name" value="{!v.lName}" /> <ui:inputPhone aura:id="phnNuminput" label="Phone Number" value="{!v.pNumber}" /> <ui:inputSelect aura:id="salutation" label="Salutation" value="{!v.sal}" > <ui:inputSelectOption text='Dr.'/> <ui:inputSelectOption text='Mr.'/> <ui:inputSelectOption text='Mrs.'/> <ui:inputSelectOption text='Ms.'/> </ui:inputSelect> <ui:button label="Submit" aura:id="btnSubmit"/> </aura:component>Also, try log out and log back in. Sometimes it already passed and you try to submit again so it gives you an error, but next time you log in it showed passed.
Thanks
<aura:component > <ui:inputText label="First Name"/> <ui:inputText label="Last Name"/> <ui:inputPhone label="Phone"/> <ui:inputSelect label="Salutation"> <ui:inputSelectOption value="Dr."></ui:inputSelectOption> <ui:inputSelectOption value="Mr."></ui:inputSelectOption> <ui:inputSelectOption value="Mrs."></ui:inputSelectOption> <ui:inputSelectOption value="Ms."></ui:inputSelectOption> </ui:inputSelect> <ui:button label="Submit"></ui:button> </aura:component>The code was fine. Right now there's a potential conflict between components of similar types. So if anyone else sees this behavior, delete (under File in Developer Console while on the tab/resource you want to delete) any resource you don't need. For instance, if there is a component and a design resource, delete the design resource and then test against the component again.
Hotfix in the hopper, will be made live in as much two-weeks-before-Dreamforce speed we can muster.