Create a Salesforce Wizard using Lightning Component

How to Create a Salesforce Wizard using Lightning Component?

How to create a salesforce wizard using Lightning component?

What is a Wizard?

A wizard is a sequence of a tab with the next and back button underneath. When you filled all the required information you click the next button to go to next tab and you click the back button to go back to the previous tab.

Step to create lightning wizard :

  1. Create a lightning component.
  2. Create a lightning app that extends force:slds.

Here we are creating a wizard to insert an account and its related contact and opportunity.

A snippet of code for your Lightning component :

wizard1

A snippet of code for your Lightning Application :

Wizard2

A snippet of code for your JavaScript Controller :

wizard3

A snippet of code for your Component Helper :

wizard4

A snippet of code for your Apex Controller :

Wizard5

Tab 1 of Wizard look like below screenshot :

wizard1

 

Tab 2 of Wizard look like below screenshot :

wizard2

Tab 3 of Wizard look like below screenshot :

wizard3

 

Tab 4 of Wizard look like below screenshot :

wizard6

Here on the click of save button an account and its related contact and opportunity will insert in salesforce.

0 Comments

Leave a Reply

CONTACT US

We're not around right now. But you can send us an email and we'll get back to you, asap.

Sending

About Us

Forcetalks is a Salesforce collaboration platform for coders & developers, geeks & nerds, consultants & business heads, admins & architects, managers & marketers and of course the business owners. A community where you can learn from, where you can contribute to. For you. For Salesforce. Read More...

Copyright 2020 Forcetalks. All Right Reserved.

Log in with your credentials

or    

Forgot your details?