Posts

Tip of the week # 212 : Lightning Datatable hidden gems

Image
Lightning Datatable hidden gems Description : lightning-datatable displays tabular data where each column renders the content based on the data type. ADVANCED OPTIONS FOR lightning-datatable IN LWC : Displaying and formatting of columns with appropriate data types const columns = [ { label: 'Opportunity name', fieldName: 'OpportunityName', type: 'text' }, { label: 'Probability', fieldName: 'Probability', type: 'percent', cellAttributes: { iconName: { fieldName: 'TrendIcon' }, iconPosition: 'right', }, }, { label: 'Amount', fieldName: 'Amount', type: 'currency', typeAttributes: { currencyCode: 'EUR', step: '0.001' }, }, { label: 'Contact Email', fieldName: 'Contact', type: '...

Tip of the week # 210 : Lightning Input Address with Autocomplete

Image
Lightning Input Address with Autocomplete Description : In Lightning Web Components (LWC), A lightning-input-address component with Autocomplete.(Powered By Google) Code snapshot is following : HTML File JavaScript: import { LightningElement,api } from 'lwc'; import { ShowToastEvent } from 'lightning/platformShowToastEvent'; export default class AddressLwc extends LightningElement { @api recordId; @api objectAPIName='Contact'; strStreet; strCity; strState; strCountry; strPostalCode; handleSuccess( event ) { this.dispatchEvent( new ShowToastEvent({ title: 'Successful Record Update', message: 'Record Updated Surccessfully!!!', variant: 'success' })); } handleSubmit(event){ let fields = ev...

Tip of the week # 208 : Lifecycle hooks in LWC

Image
Lifecycle hooks in Lightning Web Components (LWC) Description : In Lightning Web Components (LWC), lifecycle hooks are special methods that allow you to run code at specific points during a component's lifecycle — such as when it is created, inserted into the DOM, or removed or when reactive variables are changed. constructor() : Called when the component instance is created (before rendering or attaching to the DOM). import { LightningElement } from 'lwc'; export default class LifcCyclehook extends LightningElement { constructor() { super(); // always call super() for calling parent class constructor i.e LightningElement console.log('Constructor called'); } } Ideal for below used : Initialize default values for private properties but not for public properties. connectedCallback() : Called when the component is inserted into the DOM. ...

Tip of the week # 205

Image
Lightning Web Component with Youtube Controls. Description : Code snapshot for Lightning Web Component with Youtube Controls. YoutubePlayback.html YoutubePlayback.js import { LightningElement } from 'lwc'; import { ShowToastEvent } from 'lightning/platformShowToastEvent'; export default class YoutubePlayback extends LightningElement { iframeElement = null; playerReady = false; volume = 100; playbackSpeed =1; playbackSpeedOptions = [ { label: '0.5x', value:0.5}, { label: '1x...

User Data Privacy

User Data Privacy User Data Privacy Our Chrome extension does not collect any personal data or user information. We are committed to respecting your privacy and ensuring a secure browsing experience. You can use our extension with confidence, knowing that your data remains private and secure. If you have any concerns or questions regarding privacy or data security, please feel free to contact us at sanjayibirds2013@gmail.com .

Salesforce : Consultant Tip's 2024

Image
Salesforce : Consultant Tip's 2024 Many people are requesting to show all the tips as a web page so they can easily checkout for your usages so I'm creating a blogger for my followers and friends. : Tip of the week # 162 : Deploy Metadata Using REST API. Description : SDeploy using the deployRequest REST resource to initiate a request that handles all operations for the deployment. EndPoint : https://host/services/data/vXX.0/metadata/deployRequest Format : JSON Method : POST Authorization: Bearer token You can deploy or retrieve up to 10,000 files at once. AppExchange packages use different limits: They can contain up to 35,000 files. The maximum size of the deployed or retrieved .zip file is 39 MB. If the files are uncompressed in an unzipped folder, the size limit is 400 MB. Tip of the week # 161 : Styling Hooks for LWC. Description : Styling hooks use CSS custom properties which make it easy to customize component sty...

Expensive Injection: इस बच्चे को ज़िंदा रहने के लिए चाहिए 17 करोड़ का इं...

Image