Support for right-to-left languages

Development model: MVC Portal Engine
✖
Copy to clipboard

If the website is displayed in a language that uses right-to-left direction of written text (typically arabic languages), the RTL CSS class is automatically assigned to the <body> element of all pages (<body class=“RTL”>). You may need to add right-to-left specific CSS style modifications to the stylesheet.

RTL in content culture vs. UI culture

The direction of website content is determined by the Preferred content culture setting of users.

The direction of the Kentico administration interface depends on the Preferred user interface culture setting of users. Currently, right-to-left languages are not fully supported in the administration interface.

Example:

Original LTR style:




.xxx
{
text-align: left;
float: left;
border-right: solid 1px #cccccc;
}

RTL style:




.RTL .xxx
{
text-align: right;
float: right;
border-right: none;
border-left: solid 1px #cccccc;
}

Adding culture-specific fonts to the editor

If your culture uses specific fonts that are not available in the WYSIWYG editor, you need to add the fonts:

  1. Edit the <web project>\CMS\CMSAdminControls\CKeditor\config.js file.

  2. Set the list of available fonts through the config.font_names property. For example:

    


 // Leaves the default set of fonts and adds 'Calibri' to the options
 config.font_names = 'Arial;Calibri;Comic Sans MS;Courier New;Georgia;Lucida Sans Unicode;Tahoma;Times New Roman;Trebuchet MS;Verdana';

  3. Save the file.

  4. Clear the cache of your web browser.

Log in to the Kentico administration again. You should see the new fonts in the editor’s font list.

Note: Many of the default editor toolbars do not contain the Font selector by default. To learn how to add the selector to individual toolbars, see Personalizing the editor toolbars and buttons.