Posts

Lightning Datatable Inline Editing

Image
lightning-datatable component use to display salesforce data in a table format. This component support inline editing. That means we don't need to navigate to the record in order to update the field value. I'll show you how we can use lightning-datatable in our project. Below is the sample output, How our component look like. Output 1: In this output I've updated the Opportunity Name and saved. Output 2: I've applied a check that Opportunity name cannot be more than 150 character. OpportunityList.cmp <aura:component controller = "OpportunityListController" >         <aura:handler name = "init" value = "{!this}" action = "{!c.doInit}" />         <aura:attribute name = "data" type = "Object" />         <aura:attribute name = "columns" type = "List" />         <aura:attribute name = "errors" type = "Object" /...
Post a Comment
Read more

How to create custom popup | Lightning Popup | Using HTML/CSS and Javascript

Image
Modal popup or Popup window is one of useful and quick way to take the input from user or show information to the user. Popup basically display top of the current page. In every web technology popup play very important role. There are alot of way to acheive popup functioanlity with the help of 3rd Party tools such as: Bootstrap, JQuery etc. But sometime we don't want to use those tool and still want to implement popup functionality. Today I'm sharing my knowledge "How to create popup" with the help of standard HTML/CSS and Javascript without 3rd party tool. After completing this, Our Modal popup would look below image. 1. HTML : Below is the html code which can be put inside any page, normal HTML page or Salesforce VF Page. <div id="dvOkayModal" style="display: none;z-index: 99999">   <div class="popup-overlay popup-flex-display">     <div class="popup-container">       <div class="popup-title...
Post a Comment
Read more