Apex Code Development You need to sign in to do that
Don't have an account?
VarunC Lightning Experience Visualforce Component has extra Padding in Spring '17 and thus making VF pages look awkwardly spaced
When we place a Visualforce component container in Lightning Page, the current release displays them correctly without extra spacing, thus allows a developer to control the look and feel of the Visualforce Page interface.
But in Spring '17 Pre-release org, the Visualforce Component container has extra padding on left/right/top/bottom, with dark gray background color, thus placing the existing Visualforce Pages to look awkwardly spaced out.
But in Spring '17 Pre-release org, the Visualforce Component container has extra padding on left/right/top/bottom, with dark gray background color, thus placing the existing Visualforce Pages to look awkwardly spaced out.
You can use the lightning design system SLDS to design your VF page for resolving this problem.
For SLDS, please go through with below links
https://www.lightningdesignsystem.com/utilities/margin/#site-main-content
https://www.lightningdesignsystem.com/utilities/padding/#site-main-content
For sharing the VF pages between Classic and Lightning Experience, Please go through the below link
https://trailhead.salesforce.com/en/content/learn/modules/lex_dev_visualforce/lex_dev_visualforce_multipurpose_pages
Please mark it as the best answer, if it helps.
Thanks