• Saroj Kushwaha
  • NEWBIE
  • 40 Points
  • Member since 2016

  • Chatter
    Feed
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 4
    Questions
  • 7
    Replies
Give your users a customized view of their accounts by creating a custom account record page.
  • The new record page must use the 'Header and Two Columns' template, be called 'New Account Page', and be assigned to the Account object.
  • The page must have the Highlights Panel and Twitter components, and a Tabs component with these tabs containing these components:
  1. Activity Tab contains the Activities Component
  2. Collaborate Tab contains the Feed Component
  3. Related Tab contains the Related Lists Component
  4. Details Tab contains the Record Detail Component
  • The page must be activated.
So I made the record page as required which looks as follows :
record page

but i m getting following error
Challenge Not yet complete... here's what's wrong: 
Lightning Page named 'New Account Page' does not appear to have the correct components on it.
please guide me
Thanx
hiii,
I m new to Salesforce. My challenge was

Create a Lightning Component to display a single item for your packing list.
  • Create a compenent called campingListItem.
  • Add an attribute named item for type Camping_Item__c that is required.
  • Display the Name, Price, Quanity and Packed status using the appropriate output fields.

After lots of experimentation I found some good results. The result is I can display all the Camping list items with the following code. But my challenge is not yet complete. It is saying....  
"Challenge Not yet complete... here's what's wrong: 
The campingListItem Lightning Component's attribute tag doesn't exist or its attributes are not set correctly."


           campingArrayIteration.cmp
<aura:component controller="CampingListClass" >   
  <h2>Camping List Items</h2>
    <aura:handler name="init" action="{!c.doInit}" value="{!this}"/>   
    <aura:attribute name="campingArray" type="Camping_Item__c[]"/>
                <aura:iteration items="{!v.campingArray}" var="iterationVar">                    
                  <div>                    
                    <c:campingItem item="{!iterationVar}"/>
                  </div>                    
                </aura:iteration>      
</aura:component>


       campingArrayIterationController.js
({       
doInit: function(component, event, helper) {
    var action = component.get("c.getCampingItems");
    action.setCallback(this, function(response) {
        var state = response.getState();
        if (component.isValid() && state === "SUCCESS") {
            component.set("v.campingArray", response.getReturnValue());
        }
        else {  console.log("Failed with state: " + state);  }
    });
    $A.enqueueAction(action);
}    
})


         campingListIteration.cmp
<aura:component >
<aura:attribute name="item" type="Camping_Item__c" />  
    <div><br/>    
       <p>Name:<ui:outputText value="{!v.item.Name}"/></p>    
       <p>Quantity:<ui:outputNumber value="{!v.item.Quantity__c}"/></p>    
       <p>Price:<ui:outputCurrency value="{!v.item.Price__c}"/></p>
       <p>Packed?:<ui:outputCheckbox value="{!v.item.Packed__c}" aura:id="opCB" /></p>
    </div>   
</aura:component>


             CampingListClass.apxc
public with sharing class CampingListClass { 
    @AuraEnabled
    public static List<Camping_Item__c> getCampingItems() {
        return [SELECT Id, Name, Quantity__c, Price__c, Packed__c, 
                        CreatedDate 
                FROM Camping_Item__c];
    }
}


                  this is the result coming with proper checkboxes
Camping List Items
Name:Boys Track Suite
Quantity:15
Price:$1,500.00
Packed?:
Name:Girls Track Suite
Quantity:13
Price:$1,400.00
Packed?:
Name:NCC Boys suite
Quantity:13
Price:$1,900.00
Packed?:
Name:NCC girls suite
Quantity:18
Price:$2,100.00
Packed?:


Can anyone help me in displaying only a single record, i tried a lot but it is not coming, so that i can complete my challenge.
Thanks
Saroj
Hi, I have problem in the challenge which is as follows : 
Create a Lightning Component to display a single item for your packing list.
  • Create a component called campingListItem that displays the name (ui:outputText) and the three custom fields using the appropriate output components.
  • Add an attribute named item for type Camping_Item__c that is required.
for this I made component campingListItem.cmp which has following code :
<aura:component>
    <aura:attribute name="item" type="Camping_Item__c" />    
    <p>Name:<ui:outputText value="{!v.item.Name}"/></p>    
    <p>Quantity:<ui:outputNumber value="{!v.item.Quantity__c}"/></p>    
    <p>Price:<ui:outputCurrency value="{!v.item.Price__c}"/></p>
    <p>Packed?:<ui:outputCheckbox value="{!v.item.Packed__c}"/></p>
</aura:component>

but data is not displaying from object simple HTML text is displaying as follows:
Name:
Quantity:
Price:
Packed?:  False

please give me some suggestion.

 
Hi,
the challenge is as follows :

Create a camping component that contains a campingHeader and a campingList component.
1.The campingList component contains an ordered list of camping supplies that include Bug Spray, Bear Repellant, and Goat Food.
2.The campingHeader component contains an H1 heading style with a font size of 18 points and displays 'Camping List'.

so i made a lightening application named "camping.app" having code :

<aura:application >
    <br/><br/><br/>
    <c:campingHeader/>
    <c:campingList/>  
</aura:application>


where lightening component "campingHeader.cmp" having code :

<aura:component >
    <h1> Camping List </h1>
</aura:component>

for I have "campingHeader.css" having code :
.THIS {
}

h1.THIS {
    font-size: 18px;
}

and lightening component "campingList.cmp" having code :

<aura:component >
    <ol>
       <li>Bug Spray</li>
       <li>Bear Repellant</li>
       <li>Goat Food</li>      
    </ol>
</aura:component>

when i preview the application it is working nice; but when checking the challenge it says :
"Challenge Not yet complete... here's what's wrong: 
The 'camping' Lightning Component does not include either the campingHeader or campingList component."

please help me know where I m doing wrong. Thanx waiting for your reply
hiii,
I m new to Salesforce. My challenge was

Create a Lightning Component to display a single item for your packing list.
  • Create a compenent called campingListItem.
  • Add an attribute named item for type Camping_Item__c that is required.
  • Display the Name, Price, Quanity and Packed status using the appropriate output fields.

After lots of experimentation I found some good results. The result is I can display all the Camping list items with the following code. But my challenge is not yet complete. It is saying....  
"Challenge Not yet complete... here's what's wrong: 
The campingListItem Lightning Component's attribute tag doesn't exist or its attributes are not set correctly."


           campingArrayIteration.cmp
<aura:component controller="CampingListClass" >   
  <h2>Camping List Items</h2>
    <aura:handler name="init" action="{!c.doInit}" value="{!this}"/>   
    <aura:attribute name="campingArray" type="Camping_Item__c[]"/>
                <aura:iteration items="{!v.campingArray}" var="iterationVar">                    
                  <div>                    
                    <c:campingItem item="{!iterationVar}"/>
                  </div>                    
                </aura:iteration>      
</aura:component>


       campingArrayIterationController.js
({       
doInit: function(component, event, helper) {
    var action = component.get("c.getCampingItems");
    action.setCallback(this, function(response) {
        var state = response.getState();
        if (component.isValid() && state === "SUCCESS") {
            component.set("v.campingArray", response.getReturnValue());
        }
        else {  console.log("Failed with state: " + state);  }
    });
    $A.enqueueAction(action);
}    
})


         campingListIteration.cmp
<aura:component >
<aura:attribute name="item" type="Camping_Item__c" />  
    <div><br/>    
       <p>Name:<ui:outputText value="{!v.item.Name}"/></p>    
       <p>Quantity:<ui:outputNumber value="{!v.item.Quantity__c}"/></p>    
       <p>Price:<ui:outputCurrency value="{!v.item.Price__c}"/></p>
       <p>Packed?:<ui:outputCheckbox value="{!v.item.Packed__c}" aura:id="opCB" /></p>
    </div>   
</aura:component>


             CampingListClass.apxc
public with sharing class CampingListClass { 
    @AuraEnabled
    public static List<Camping_Item__c> getCampingItems() {
        return [SELECT Id, Name, Quantity__c, Price__c, Packed__c, 
                        CreatedDate 
                FROM Camping_Item__c];
    }
}


                  this is the result coming with proper checkboxes
Camping List Items
Name:Boys Track Suite
Quantity:15
Price:$1,500.00
Packed?:
Name:Girls Track Suite
Quantity:13
Price:$1,400.00
Packed?:
Name:NCC Boys suite
Quantity:13
Price:$1,900.00
Packed?:
Name:NCC girls suite
Quantity:18
Price:$2,100.00
Packed?:


Can anyone help me in displaying only a single record, i tried a lot but it is not coming, so that i can complete my challenge.
Thanks
Saroj
Hi,
the challenge is as follows :

Create a camping component that contains a campingHeader and a campingList component.
1.The campingList component contains an ordered list of camping supplies that include Bug Spray, Bear Repellant, and Goat Food.
2.The campingHeader component contains an H1 heading style with a font size of 18 points and displays 'Camping List'.

so i made a lightening application named "camping.app" having code :

<aura:application >
    <br/><br/><br/>
    <c:campingHeader/>
    <c:campingList/>  
</aura:application>


where lightening component "campingHeader.cmp" having code :

<aura:component >
    <h1> Camping List </h1>
</aura:component>

for I have "campingHeader.css" having code :
.THIS {
}

h1.THIS {
    font-size: 18px;
}

and lightening component "campingList.cmp" having code :

<aura:component >
    <ol>
       <li>Bug Spray</li>
       <li>Bear Repellant</li>
       <li>Goat Food</li>      
    </ol>
</aura:component>

when i preview the application it is working nice; but when checking the challenge it says :
"Challenge Not yet complete... here's what's wrong: 
The 'camping' Lightning Component does not include either the campingHeader or campingList component."

please help me know where I m doing wrong. Thanx waiting for your reply
I keep getting the "Challenge Not yet Complete......... Here's whats wrong"
Lightning page named 'New Account Page' does not appear to have the correct components on it.

The new record page must use the 'Header and Two Columns' template, be called 'New Account Page', and be assigned to the Account object. (Check this is done)
The page must have the Highlights Panel and Twitter components, and a Tabs component with these tabs containing these components: (Check this is done)
Activity Tab contains the Activities Component - Complete
Collaborate Tab contains the Feed Component - Complete
Related Tab contains the Related Lists Component - Complete
Details Tab contains the Record Detail Component - Compelte

Here is a screen shot, I believe I have all the items I am supposed to as well as what goes inside the components.
User-added image
Challenge - Create a form to enter new items and display the list of items entered. To make our camping list look more appealing, change the campingHeader component to use the SLDS. Similar to the unit, style the Camping List H1 inside the slds-page-header. Modify the campingList component to contain an input form and an iteration of campingListItem components for displaying the items entered.
The component requires an attribute named items with the type of an array of camping item custom objects.
The component requires an attribute named newItem of type Camping_Item__c with default quantity and price values of 0.
The component displays the Name, Quantity, Price, and Packed form fields with the appropriate input component types and values from the newItem attribute.
The JavaScript controller checks to ensure that the Name, Quantity and Price values submitted are not null.
If the form is valid, the JavaScript controller pushes the newItem onto the array of existing items, triggers the notification that the items value provider has changed, and resets the newItem value provider with a blank sObjectType of Camping_Item__c.


My answer - 
<aura:component >
<aura:attribute name="items" type="Camping_Item__c[]"/>
<aura:attribute name="newitem" type="Camping_Item__c[]"  default="{ 'sobjectType': 'Camping_Item__c',
                   'Quantity__c'=0, 'Price__c'=0}"/>
 <p>Name:
        <ui:inputText value="{!v.newitem.name}"/>
    </p>    
  <p>Packed:
        <ui:inputCheckbox value="{!v.newitem.Packed__c}"/>
     
    </p>    
  <p>Price:
        <ui:inputCurrency value="{!v.newitem.Price__c}"/>
    </p>
    <p>Quantity:
        <ui:inputNumber value="{!v.newitem.Quantity__c}"/>
    </p>
</aura:component>


Error -

Challenge Not yet complete... here's what's wrong: 
The campingList component isn't iterating the array of 'items' and creating 'campingListItem' components.

Please share the correct solution.
Hi, I am having trouble with the "Attributes and Expressions" module from trailhead.

Here is the challenge:
Create a Lightning Component to display a single item for your packing list.
  • Create a component called campingListItem that displays the name (ui:outputText) and the three custom fields using the appropriate output components.
  • Add an attribute named 'item' for type Camping_Item__c.
I created an component named campingListItem and this is the code:
<aura:component >
    <aura:attribute name="item" type="<my_domain>__Camping_Item__c"/>
    
    <ui:outputText value="{!v.item.Name}"/>
    <ui:outputCheckbox value="{!v.item.<my_domain>__Packed__c}"/>
    <ui:outputCurrency  value="{!v.item.<my_domain>__Price__c}"/>
    <ui:outputNumber value="{!v.item.<my_domain>__Quantity__c}"/>
</aura:component>

The error that I am getting is: "Challenge Not yet complete... here's what's wrong: 
The packingListItem Lightning Component's attribute tag doesn't exist or its attributes are not set correctly."

With this, I tried to create another component, with the name "packingListItem", but It didn't work.

Can anyone help me?

Thanks,