Monday 12 October 2015

Build your First App using Lightning App Builder

Here is the tutorial for creating a basic app using Lightning app builder.
While Creating a Lightning App Builder following steps we have to follow:

  1. In the Setup menu, select **Build -> Lightning App Builder**
  2. Click New under Lightning Pages to start Lightning App Builder
  3. Select the template according to the requirements
  4. In the Create a New Lightning Page pop-up, set the value Label: My First App and click finish.
   
Now the page looks like:


Here you can toggle between Phone and Tablet (or Tablet Landscape) and set the template according to your requirements .Each templates behaves differently when preview mode changes.



The canvas is an area where you can build your Lightning page.You can add components by dragging components from the left sidebar.You can add standard as well as custom components.



Properties for the currently selected item. This can either be for the page itself, in which case the title will indicate Page. Otherwise you can set properties for individual components. In this instance the title will indicate Page > [SelectedComponent].
You can also select the Actions (only Global publisher actions are allowed) for this page. 



You can add Rich Text also in Lightning Page in which you can set the size, font or you can bold , italic, etc the words also and add it in the canvas area.



And finally you can Save and Activate this page. Save the current definition of your app. Activate adds your app the the Salesforce1 Mobile navigation. Back To Setup exits Lightning App Builder and returns you to the list of Lightning Apps. Help launches the online help for Lightning App Builder.


Hope it helped.

Thanks

Friday 9 October 2015

Basics of Lightning App Builder

Now anyone can build app faster using Lightning. I am a big fan of lightning components, they make life easy for the admins. I learned allot using trailhead, so sharing it.


                                 
Lightning Pages are the underlying technology for the Lightning App Builder. It is a custom layout that lets you design specific pages in Salesforce1. It is composed of regions that contain components.
You can choose the templates while creating the page , which also controls the lightning page on a given devices.



The Lightning App Builder User Interface

The Lightning App Builder's User interface makes creating app pages for Salesforce1 easy.Here's the parts of the tool:




Header (1)
The header shows you the label of your Lightning Page. It also gives you the opportunity to return to Setup without saving or to view additional help for the Lightning App Builder.

Toolbar (2)
Use the buttons in the toolbar to cut, copy, and paste page content; and to undo , redo , save, or activate your Lightning Page. You can also view your page in different formats and adjust the canvas size to fit your view.

Lightning Components Pane (3)
The components pane contains all standard and custom Lightning components that are supported for your Lightning Page. Click and drag a component to add it to the page.

Lightning Page Canvas (4)
The canvas area is where you build your page. You can drag components to reorder them on the page. If a component has missing or invalid properties, you see an invalid component indicator.

Properties Pane (5)
Depending on what you select on the page, the properties pane shows either the overall page properties or the properties of the component that you’ve selected. 

 thanks, hope it helps!!