Enjoy better right-to-left (RTL) support in Lightning Experience for orgs that use an RTL language like Arabic or Hebrew. Improvements include corrections to a wide range of layout, spacing, icon mirroring, border direction, and text alignment.
Where: This change applies to Lightning Experience in all editions. This change is available only to organizations that have opted in to the Dev channel in Salesforce Release Manager.
How: To view improved right-to-left (RTL) support in Lightning Experience, opt in to the Dev channel in Salesforce Release Manager.
From your personal settings, enter Time Zone in the Quick Find box, then select Language and Time Zone. For Language, select an RTL language, such as Arabic or Hebrew, and click Save. Navigate in Lightning Experience and observe proper layout behavior for RTL languages for these product areas:
- Actions and Recommendations: Corrected the spacing and help text icon positioning on the New Deployment page, aligned content, and consistent padding in setup wizards
- Channel Revenue Management: Corrected the text alignment in the Price Protection setting, price protection filter panel, price protection detail container, and icon mirroring in the pagination
- Chatter Feeds: Corrected the ellipsis rendering in the Thanks badge, positioning for the publisher paper clip icon, and indentation in threaded reply
- Einstein Activity Capture: Corrected the positioning of the expand and collapse toggle icon for email messages in the activity timeline
- Einstein Conversation Insights: Corrected the banner layout in for the Call Coaching settings, border direction in Analytics home warning banner, and positioning for the blue active indicator on the navigation items in Analytics home
- Embedded Service: Corrected the positioning for toast notifications
- Flow Builder: Corrected the padding and margin in action list tab and flow, default flow, flow script, channel settings steps, and default flows selector
- Knowledge: Corrected the table corners in the tile view for the article feedback responses
- Knowledge Maps: Corrected the chevron icon for the previous and next navigation
- Knowledge Search: Corrected icon positioning in the article summary within the search result
- Live Agent: Corrected the positioning for the icons and action buttons
- Marketing Cloud Engagement: Corrected the spacing for divider elements in the Journey Builder, border positioning on the Preview and Test page, and help icon positioning on the Stop Display label.
- Records: Corrected the positioning and padding for date picker elements such as the month and year navigation buttons, aligned day-of-week column headers, corrected margins for calendar grid cells, and keyboard navigation for dates
- Service Catalog: Corrected the margin for eligibility rule record, the spacing for the helptext in the setup catalog get started page, and catalog item layout
- Service Cloud Digital Engagement: Corrected margin, padding, text, and other UI elements for email participants and summaries
- Service Cloud Voice: Corrected the positioning of the spinner in the play preview button
- Salesforce Go: Corrected the positioning of the step action link in the guidance panel, and margin for the decorative action icon (video, external link, walkthrough)
Improved RTL support includes:
- Replaced directional CSS properties with logical equivalents
- Updated positioning properties such as
left,right,margin-left, andmargin-rightwith their logical counterparts:inset-inline-start,inset-inline-end,margin-inline-start, andmargin-inline-end - Converted text alignment properties such as
text-align: lefttotext-align: start - Replaced physical properties such as
margin-leftandmargin-rightwithmargin-inline-startandmargin-inline-end