Custom Lightning Modal/Popup Box

 What is Modal in Salesforce Lightning Experience ?

Basically Modals/Popup Box are used to display content in a flake/layer above the app. This instance is used in various cases such as the creation or editing of a record, also different types of messaging and wizards.


Modal box in Lightning Experience Looks Like this:-


LightningModalBox.cmp [Lightning Component Code]



LightningModalBoxController.js [Js Controller Code]:



LightningModalBoxApp.app [Lightning App Code]:









After the winter 17 release you can  use the Lightning Design System style in Lightning Apps by extends=”fore:slds”.  The Salesforce Lightning Design System provides a look & feel that’s consistent with Lightning Experience. Use Lightning Design System styles to give your custom applications a UI that is consistent with Salesforce. 

Comments

Post a Comment

Popular posts from this blog

Introduction to Salesforce Einstein Vision

Image
Introduction Artificial Intelligence (AI) is already part of our lives. Whenever you pick up your smartphone, you’re already seeing AI in action—from tailored recommendations to relevant search results. With Einstein Vision, you can harness the power of image recognition to build AI-powered apps fast. Without a data science degree! Using the Einstein Vision API, you can train deep learning models to recognize and classify images. A model is a machine learning construct used to solve a classification problem. The model “learns” from data instead of from explicit rules. In this topic, the terms model and classifier mean the same thing. You design a model by creating a dataset and then defining labels and providing examples that belong to these labels. When you train the dataset, the system determines the commonalities and differences between the various labels and generalizes the characteristics that define each label. When you send an image to the model, the model predicts ...
Read more

Study Material For Salesforce Lightning with Best Practices

Image
Salesforce Lightning Component Design Patterns and Development Best Practices CSS Primer for Lightning Developers Performance Best Practices for Lightning Component Development Lightning Component Best Practices PART 2 Lightning Components Best Practices: Caching Data with Storable Actions Salesforce Development Blog Lightning Blog with Multiple Implementation
Read more

How to Fetch a List of Fields Set on an sObject

I had a requirement to dynamically determine what fields had been set or queried on a sObject, so that a comparison could be done on what was actually stored in Salesforce’s Datastore. Surprisingly, there’s no way method on the sObject that let’s you tell what’s actually been queried or set. So without further ado, here’s the method that I decided to use because it’s much faster than doing a describe and catching every exception. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 public class Utils {      //Takes in an sObject and determines what values have been queried or set on the page.      public static Set getFieldsSet(sObject obj)      {          if (obj == null )              return new Set ();               ...
Read more