Blog

Hello there! 👋

In this post I am going to share my favorite Salesforce Spring ’21 release features highlights. 😊

Dynamic Action

Dynamic Action will give us the flexibility to make object record pages dynamic. We can configure the dynamic action for the highlight panel on the lightning app builder page. Currently, Dynamic action will work for Accounts, Contacts, Leads, Opportunities, and Cases for Lightning Experience Desktop, and on Custom Objects in the Lightning on Mobile app.

Let’s take a look at what we can do with Dynamic action:

Requirement: We have a standard convert button on the Lead object, make this button visible only if Lead Status is Working – Contacted.

We can solve this use case with the Dynamic Action feature.

Go to the lead record page > click on the setup icon > Edit page ( Follow the steps shown in the screenshot below)

Dynamic action will also work for the custom objects and you can also control which dynamic actions should only work on the mobile device. You can explore the page property called “Enable page-level dynamic actions for the Salesforce mobile app”.

LWC – Local Development Enhancement

This new enhancement will help you to see the changes immediately in the browser/android emulator/IOS emulator. You don’t need to deploy the component in your Salesforce org to make a test, even if you don’t need to refresh your browser to see the change the command itself will force the browser to refresh and make the latest change available on your lightning web component.

If you don’t know how to setup the local development for the lightning web component refer this article: Lightning Web Component Local Development Setup# and Installation

Lightning Web Component Action (Pilot)

We can create the quick action for lighting web components now but it is still in the pilot mode and Salesforce only provides this feature for the selected customers. Customers need to register for this program to have the “Create LWC action” feature.

Use Fancy Lightning email templates in the automation tool

Now we can use the lightning email template ( and email template created using template builder) in the Salesforce automation tool – email alerts, Flow, Workflow, Process Builder, Approval Processes, and more. Let’s see how we can create a lighting email template and use this in flow to send an email to the user when the opportunity gets closed.

Go to > App Launcher > Search “Email Template” click on email template and create a new template.

Enter details in your email template.

Now create an email alert and select the lightning email template that you just created.

Go to > Setup > Search ‘flow’ > Click on flow and create a new. Select flow type as Record-Triggered Flow

Configure when your flow should execute.

Select the object “Opportunity”. Enter the condition and select when to run the flow for updated records.

Click on the ‘Action’ and select the action type ‘Email Alert’. Select your email alert in the lookup, enter the action label and select input value as opportunity record id.

Save and Activate.

Now when every opportunity gets closed (won) opportunity owner will receive the email.

Customize lightning-map Base Component

We can make the map look and behavior as we want.

• Customize the map locations to use your SVG image instead of the standard Google Maps markers OR we can use different shapes like shaded circles, rectangles, or a polygon around a location.
• Modify or disable the zoom and dragging behavior.
• Disable the map controls altogether to create a static map.

What is new?

In the lightning-map component, now we can use the new options attribute to specify properties that enable or disable user interface controls. This example uses a mapOptions object in the component’s JavaScript to set the property values.

<mark style="background-color:rgba(0, 0, 0, 0);color:#362e77;" class="has-inline-color"><template>
    <lightning-map
        map-markers={mapMarkers}
        options={mapOptions}
   ></lightning-map>
</template></mark>

<mark style="background-color:rgba(0, 0, 0, 0);color:#362e77;" class="has-inline-color">import { LightningElement } from 'lwc';</mark>

<mark style="background-color:rgba(0, 0, 0, 0);color:#362e77;" class="has-inline-color">export default class LightningMap extends LightningElement {

    mapOptions = {
        'disableDefaultUI': false, // when true disables Map|Satellite, +|- zoom buttons
        'draggable': false // when false prevents panning by dragging on the map
      };

  mapMarkers = [
      {   
          location: {
              City: 'Bangalore',
              Country: 'India',
              PostalCode: '560071',
              State: 'Karnataka',
              Street: 'Torrey Pines, Third Floor, Embassy Golf Links Business Park, Varthur Hobli, Challaghatta Village, Bangalore Urban, Karnataka', 
          },
          mapIcon : {
              path: 'M 83.226562 15.273438 C 89.679688 8.554688 98.660156 4.382812 108.589844 4.382812 C 121.792969 4.382812 133.308594 11.746094 139.445312 22.675781 C 144.773438 20.292969 150.675781 18.96875 156.882812 18.96875 C 180.695312 18.96875 200 38.441406 200 62.460938 C 200 86.484375 180.695312 105.957031 156.882812 105.957031 C 154.03125 105.957031 151.1875 105.675781 148.390625 105.109375 C 142.988281 114.746094 132.695312 121.257812 120.878906 121.257812 C 115.933594 121.257812 111.257812 120.113281 107.089844 118.082031 C 101.617188 130.960938 88.859375 139.992188 73.988281 139.992188 C 58.503906 139.992188 45.308594 130.195312 40.242188 116.457031 C 38.027344 116.925781 35.734375 117.171875 33.382812 117.171875 C 14.945312 117.171875 0 102.070312 0 83.441406 C 0 70.957031 6.714844 60.058594 16.691406 54.226562 C 14.636719 49.5 13.496094 44.28125 13.496094 38.796875 C 13.496094 17.375 30.890625 0.00390625 52.34375 0.00390625 C 64.9375 0.00390625 76.132812 5.996094 83.226562 15.273438',
              fillColor: 'blue',
              fillOpacity: 2,
              strokeWeight: 1,
              scale: .30,
          }
     }
  ];
}</mark>

This attribute is new.

• options—Specifies boolean properties you can set to enable or disable controls on the map.
  • draggable enables dragging to pan the map. Default is true.
  • zoomControl enables zooming controls. Default is true.
  • scrollwheel enables zooming with the mouse wheel. Default is true.
  • disableDefaultUI disables zooming and choosing the map layer. Default is false.
  • disableDoubleClickZoom disables zooming with a mouse double-click. Default is false.