OnemoreInCloud

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...

My use case behind this blog post is to expose Salesforce Attachment (Image/Pdf/Video) as a public accessible CURL, without having to authenticate to Salesforce. And we are going to use REST Web-services and Public Sites to do this! Step 1: Create an Apex REST class with below code snippet. /* * Purpose : Apex rest webservice to return attachment body for a given id * * Developer: SFDC_Dev * */ @RestResource (urlMapping = '/Document_V1/*' ) global class DocumentV1 { @HttpGet global static void docBody() { RestRequest request = RestContext . request; RestResponse res = RestContext . response; try { // Retrieve attachment id from the request url String docId = request . requestURI . substring(request . requestURI . lastIndexOf( '/' ) + 1 ); // Query attachment sObject to get the specific attachment using attachment id ...

Recently at one of the local Hackathon I came across some scenario based Apex programming questions and I thought I would go ahead and blog on them. Below are three scenarios on which we are going to write some Apex code! Scenario 1: Create a Method which accepts List of String and returns a Map with count on how many times a specific value is repeated in a given List. Example:- List should result in "{A=3, B=2, C=1}" Approached Solution: Below is my Apex class with a method to accept List and returns a Map. /* * Purpose: Hackathon Programming Scenarios * * Developer: HackathonDev */ public class HackathoScenarios { // Method to return a map with string occurence count that was passed in a list public static Map < String, Integer > scenario1(List < String > lstStrng) { Map < String, Integer > mapVals = new Map < String, Integer > (); for (String s: lstStrng)...

As always with every release Salesforce introduces bunch of new base components and this time they have "Lightning: recordForm" which suppresses using "lightning:recordEditForm and lightning:recordViewForm" separately to handle record view and edit. Lets go ahead and put some sample code to create a Lightning Component using lightning recordForm! RecordFormComp.cmp: <aura:component implements= "force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasSObjectName,force:hasRecordId,force:lightningQuickAction" access= "global" > <aura:attribute name= "fieldsList" type = "String[]" default= "['Id', 'Name', 'BillingAddress', 'AnnualRevenue']" /> <div> <center> <h1><b>Lightning Record Form<br/> Object_Name: { ! v.sObjectName} - Record_Id: { ! v.recordId} ...

Business Scenario: To dynamically Show or Hide content in Lightning Components. Using "Document.getElementById" Below are Component and Controller code to show or hide content by using Document.getElementById HideShow.cmp <aura:component implements= "force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,force:lightningQuickAction" access= "global" > < ! --Set component attribute--> <aura:attribute name= "valSet" type = "Set" /> <center> < ! --Button to display Set values--> <lightning:button onclick= "{!c.getSetValues}" label= "Set Values" /> </center> < ! --Construct HTML Table using SLDS--> <table class= "slds-table slds-table--bordered slds-table--striped slds-table--cell-buffer slds-table--fixed-layout" > <thead> <tr c...