Using Right-To-Left Languages (Managed Package)

For the managed package runtime, Vlocity supports right-to-left languages using the Lightning Player and via_core implemented in a separate ".rtl.css" file.

Managed Package app icon This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.

If you would like to implement the right-to-left functionality in your pages, add the following method in your Visualforce page Apex Controller:

global Boolean isLanguageRTL {get{return ApplicationUtilities.isLanguageRTL();}set;}

Add the following in your Visualforce page to include the rtl sheet:

<apex:stylesheet value="{!IF(isLanguageRTL, URLFOR($Resource.slds, '/assets/styles/salesforce-lightning-design-system-vf.rtl.min.css'), URLFOR($Resource.slds, '/assets/styles/salesforce-lightning-design-system-vf.min.css'))}"/>

If your page does not include the Salesforce header or footer, you'll need to wrap it in your own HTML tags with the dir="rtl" set. Please see the example below:

<apex:page docType="html-5.0" applyHtmlTag="false" showHeader="false" sidebar="false" standardStylesheets="false" controller="CardCanvasController" ><html xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" dir="{!IF(isLanguageRTL, 'rtl', 'ltr')}">...</html></apex:page>