There are a few components that will check to see if it should be rendered in RTL or LTR, but it is possible to check if the LTI launch is in RTL by checking the LTI launch's locale. If a custom locale is being used, it should be prefixed with a valid locale (i.e. en_SA).
In certain cases, a course locale may be a forced locale that differs from the user's configured locale. For example, a course locale may be in Arabic while the user's configured locale is English. For consistency with Learn Ultra, in these scenarios, your integration should defer to using the user's locale to determine if the content should be displayed in RTL. Using the previous mentioned example, this would mean that your integration would display the content using the English locale, but in a right-to-left text direction.
There are a few ways to render content in RTL, each section below details some usage of attributes, classes/styles, and tags that can be used within UEF.
...
props: {
...
dir: isRtl ? 'rtl' : 'ltr'
...
}
...
...
props: {
...
style: {
...
direction: isRtl ? 'rtl' : 'ltr'
...
}
...
}
...
Generated using TypeDoc