OnemoreInCloud

Salesforce has recently introduced a new developmental model for building Lightning Components called Lightning Web Components which can coexist and interoperate with the original Aura Programming model, and deliver unparalleled performance! In this blog post, we are going to build a basic Lightning Web Component using VS Code IDE with Salesforce CLI prerelease sfdx plugin. Prior to that for this demo I have already signed up for a free 'Spring '19 - Pre-Release' org and upgraded my SFDX plugin to pre-release version by running below command in my Terminal (This step is required only until February 9th, 2019). "sfdx plugins:install salesforcedx@pre-release" Next we need to add the "Lightning Web Components" extension for VS Code. In my VS code IDE, once I create my project and authorize my pre-release org now I should see a new folder called 'lwc' created under force-app-->main-->default folder! Now go ahead and...

With Winter '19 release new Callable Interface has been introduced, which helps in calling methods dynamically between Apex classes or triggers, even for code that works in separate packages. Class has to implement "Callable" interface along with a method "call(String action, Map args)" which has a return type of Object. Below is the sample Apex code using callable interface using. CallableApexTest.apx: /* * Purpose: To test new Callable Interface * Date: OCT302018 */ public class CallableTest2 implements Callable { // Method to return month of the year Integer method1(Date d) { Integer month = d . month(); return month; } // Method to return boolean if passed integer is same as current month Boolean method2(Integer mnth) { if (method1(System . today()) == mnth) { return true; } else { return false; ...

With JavaScript being a single threaded process by nature, using "JavaScript Promises" it makes JavaScript to be a multithreaded or in other words it is a process of making Asynchronous calls using JavaScript. JavaScript Promises is a native JavaScript functionality that can be used in Lightning Components. Salesforce recommends using ECMAScript 6 (ES6, often referred to as “Harmony”) which is a standard script language. In case if the browser doesn’t provide a native version, the framework uses a polyfill so that promises work in all browsers supported for Lightning Experience. Basic Syntax for Promises: var promise = return new Promise(function(resolve, reject) { setTimeout(resolve, 100 , 'foo' ); }); Promise can return either resolve (If the result is success) and reject (If the result is fail). Optionally there is one more status called pending. Now let's go ahead and build a simple Lightning Component that will output some user information like...

jQuery is a lightweight JavaScript library, which makes it easy to use JavaScript. Using jQuery we can build some rich UI in our Lightning Components. In order to use jQuery in Lightning Components, we first need to upload jQuery related files to Static Resource. Below are the links for downloading jQuery/jQuery UI jQuery Download Link jQuery UI Download Link Once we have the files downloaded, we upload them to Static Resource using Setup-->Custom Code-->Lightning Components-->Static Resource Once we have the files uploaded to the Static Resource, we can use ltng:require tag to refer those jQuery files in our Lightning Components at the time of component loading. Below I have a sample component bundle (Component/Controller/Style) to display couple of "div" sections to display an Image that can be dragged to a droppable area and another section to display few rows that can be sorted using jQuery function. jQueryComp.cmp: This is the component code...

Lightning App Builder provides flexibility to create custom Lightning pages which can be used in opposite of standard Lightning pages. Even though every standard Lightning page is associated with a default template component, Custom Lightning page template components are useful when you want a customized template for your business needs. Custom Lightning pages can be created for..... App Page - When you want to create separate pages for each app. Home Page - When you want to create separate pages to override the standard home page. Record Page - When you want to create pages on record level for different objects. In order to create custom Lightning Templates for App/Home/Record pages, it is required to implement below interface for each. lightning:appHomeTemplate lightning:homeTemplate lightning:recordHomeTemplate Note** Each template component should implement only ONE template interface. Template components shouldn’t implement any other type of interface, such ...

With the introduction of Custom Metadata Types , the use of Custom Settings have been marginally reduced. Custom Metadata Types gives more flexibility in context of creating/maintaining Metadata, however when it comes to the point of updating Custom Metadata Types it involves some manual steps to be done from the Admin side which is a bit pain! With the help of Metadata Api this process can be made more simple just by writing some Apex. Lets go ahead and put some code to make use of Metadata Api and update Custom Metadata Types. Step 1: Create a new Custom Metadata Type "US_States" with one custom field "State__c". Step 2: Create few records for the above Custom Metadata Type using "Manage" button. Step 3: When we say that we update Custom Metadata Types using Metadata Api, behind the scenes it does an actual deployment and we use below class to track those deployment results. Create an Apex class "CustomMetadataCallback.apxc" u...