![\"Opening](\"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-content\/uploads\/2016\/12\/Image1-Opening-developer-console.jpg\")
<\/a>Opening developer console<\/p><\/div>\n
-> Create Lightning Components in the Developer Console :Select ‘File’ – ‘New’ – ‘Lightning Component’ to create a new Lightning component.<\/p>\n
<\/a>Creating new lightning component<\/p><\/div>\n
-> In the New Lightning Bundle panel, enter ‘HelloWorld’ for the component name, and click Submit.<\/p>\n
<\/a>Naming lightning component<\/p><\/div>\n
-> This creates a new ‘HelloWorld’ component bundle, with two open tabs. Close the ‘HelloWorld’ tab, and keep the ‘HelloWorld.cmp’ tab open.’HelloWorld.cmp’ contains the opening and closing tags for a Lightning component,. Between them, add the following markup, and save:<\/p>\n
<\/a>Code of ‘HelloWorld’ lightning component<\/p><\/div>\n
-> Create Lightning App in the Developer Console :Select ‘File’ – ‘New’ – ‘Lightning Application’ to create a new Lightning app.<\/p>\n
<\/a>Creating new lightning app<\/p><\/div>\n
-> In the New Lightning Bundle panel, enter ‘HelloWorldApp’ for the app name, and click Submit.<\/p>\n
<\/a>Naming lightning app<\/p><\/div>\n
-> This creates a new ‘HelloWorldApp’ bundle, with two open tabs. Close the ‘HelloWorldApp’ tab, and keep the ‘HelloWorldApp.app’ tab open. ‘HelloWorldApp.app’ contains the opening and closing tags for a Lightning app,. Between them, add the following markup, and save:<\/p>\n
<\/a>Code of ‘HelloWorld’ lightning app<\/p><\/div>\n
This adds the ‘HelloWorld’ component we created earlier to the HelloWorldApp.<\/p>\n
-> ‘HelloWorldApp.app’ file has the Preview button. Apps have ‘Preview’ button, components don\u2019t. Click it now, and another browser window opens and shows our app.<\/p>\n
<\/a>Output of lightning component<\/p><\/div>\n
References:<\/strong> https:\/\/trailhead.salesforce.com\/lex_dev_lc_basics\/lex_dev_lc_basics_create<\/a><\/p>\n About Us<\/strong><\/span> Greytrix<\/a>\u00a0has some unique solutions for Cloud CRM such as Salesforce integration with\u00a0Sage Enterprise Management (Sage X3<\/a>),\u00a0Sage Intacct, Sage 100\u00a0<\/a>and\u00a0Sage 300 (Sage Accpac)<\/a>. We also offer best-in-class Cloud CRM\u00a0Salesforce customization and development services<\/a> along with services such as Salesforce Data Migration<\/a>, Integrated App development<\/a>, Custom App development<\/a> and Technical Support<\/a> to business partners and end users.<\/p>\n Greytrix GUMU™ integration for Sage ERP \u2013 Salesforce is a 5-star app listed on Salesforce AppExchange<\/a>.<\/p>\n For more information, please contact us at\u00a0salesforce@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n Related Posts<\/span><\/strong><\/p>\n Lightning Components are the self-contained and reusable units of an app. They represent a reusable section of the UI. It is a bundle that can contain other components, as well as HTML, CSS, JavaScript, or any other Web-enabled code. This enables you to build apps with sophisticated UI’s. It can range in granularity from a\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[206,207,208,212,651],"class_list":["post-2249","post","type-post","status-publish","format-standard","hentry","category-salesforce-srv","tag-lightning","tag-lightning-basics","tag-lightning-component","tag-lightning-intro","tag-salesforce-lightning-component"],"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/2249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/comments?post=2249"}],"version-history":[{"count":5,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/2249\/revisions"}],"predecessor-version":[{"id":10893,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/posts\/2249\/revisions\/10893"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/media?parent=2249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/categories?post=2249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/salesforce\/wp-json\/wp\/v2\/tags?post=2249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nGreytrix<\/a>\u00a0as a Salesforce Product development partner offers a wide variety of integration products and services to the end users as well as to the Partners across the globe. We offers Consultation, Configuration, Training and support services in out-of-the-box functionality as well as customizations to incorporate custom business rules and functionalities that requires apex code incorporation into the Salesforce platform.<\/p>\n\n