Too much white space in Lightning UI - Ideas - Salesforce Trailblazer Community
Trailblazer Community

All Ideas

Idea Details

Post an Idea
This idea has been delivered and can no longer be voted or commented on. If you’d like to add to this conversation, please post a new idea.
5,230  Points voting closed
Delivered in Winter 18
Delivered in Winter 18

Too much white space in Lightning UI

Lightning Experience

We are beginning the transition to Lightning, and are discovering that with the Lightning Experience turned on, a large amount of white space (padding or margin) is added to the interface, including our custom components, and this has a negative impact on productivity. Salesforce Classic is compact, so more information can fit into a given area, and that increases productivity because people don't have to scroll. 

For example, on a Detail page for a custom object, in Salesforce Classic the page is 2909 pixels high in a desktop browser. The same record in Lightning is 4296 pixels high (47% increase in height). This is partly due to putting the labels and data fields on separate lines. One checkbox in Salesforce Classic with its label on the same line is 21 pixels high. The same checkbox area in Lightning is 41 pixels high (almost double!). The reason is that the label is above the checkbox in Lightning. This is wasting a lot of valuable vertical space and making users scroll a lot more. 

(Just to clearly quantify this: the total screen area (width x height) for the same label and checkbox in Lightning is 83% larger than in the same browser with the same window size in Salesforce Classic). 

Lightning looks nice, but this is really coming at the expense of productivity. I would like to urge the Lightning UI team to do some real-world usability testing before committing to this design. As it stands, I can't really move my users to it. 

· Flag

Latest Comment from Salesforce

  • Joe Ryan - 3 years ago

    We hear you!  In Winter '18 (October release), we've done a lot of work to the Lightning UI based on feedback just like this.  We've made significant improvements to content density, contrast, readability, font heirarchy, color, etc.  More details andfinal  visuals for these changes will be released in August & September.  
  • Upvotes
  • Downvotes



from AppExchange

Help us to keep IdeaExchange clean by pointing out overlapping ideas. We'll investigate your suggestion and merge the ideas if it makes sense.



Thanks for your merge suggestion. We will review it shortly and merge the ideas if applicable.

Salesforce takes abuse situations very seriously. Examples of abuse include but are not limited to posting of offensive language or fraudulent statements. To help us process your request as quickly as possible, please fill out the form below describing the situation. For privacy and security reasons, the final outcome of an abuse case may not be revealed to the person who reported it.


Thank you for your feedback. We take abuse seriously and will investigate this issue and take appropriate action.