Winter 18 – Automatic Styling of Visualforce Pages in Lightning Experience

Visualforce has enabled the very rapid development of custom-coded functionality that blends in seamlessly with native functionality in Salesforce Classic. Particularly, standard Visualforce components encapsulate the styling and functionality of many different standard Salesforce user interface elements.

With Winter 18, we have LightningStylesheet attribute available for apex:page tag automatically style existing Visualforce pages with Lightning Experience stylesheets. It is still in beta so it will be available soon.

Happy Sharing...

Everyone has their own favourites, so please feel free to share yours in the comments below!

Comments

Post a Comment

Popular posts from this blog

Salesforce LWC : Compact Layout on Hover

Image
Salesforce LWC : Compact Layout showing on Hover Sometime we have requirement to show Account name link on standard views, a popup with the Compact Layout shows the details of that record. LWC Parent Component : Template (HTML Code) LWC : JS (Process Code) import { LightningElement,api } from 'lwc'; export default class AccountComponent extends LightningElement { @api recordId; @track objRecordId; handleMouseover(event) { console.log(this.recordId); this.objRecordId = null const toolTipDiv = this.template.querySelector('div.ModelTooltip'); toolTipDiv.style.opacity = 1; toolTipDiv.style.display = "block"; // eslint-disable-next-line window.clearTimeout(this.delayTimeout); // esli...
Read more

Salesforce LWC With Third Party JS : D3

Image
Salesforce Lightning Web Component With Third Party JS : D3 Third-Party JavaScript Libraries Using JavaScript to manipulate the DOM isn’t recommended because the Lightning Web Components engine does it more efficiently. However, there are some third-party JavaScript libraries that take over the DOM. Manipulate the DOM with JavaScript Using JavaScript to manipulate the DOM isn’t recommended because the Lightning Web Components engine does it more efficiently. However, there are some third-party JavaScript libraries that take over the DOM. If a call to appendChild() manipulates the DOM, styling isn’t applied to the appended element. When using these libraries in a Lightning web component, add lwc:dom="manual" to any HTML element that you want to manipulate with JavaScript. When the engine sees the directive, it preserves encapsulation. Add the lwc:dom="manual" directive to an empty native HTML element. The owner of the component calls appendChild()...
Read more

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