Kentico CMS 7.0 Developer's Guide

RTL languages

RTL languages

Previous topic Next topic Mail us feedback on this topic!  

RTL languages

Previous topic Next topic JavaScript is required for the print function Mail us feedback on this topic!  

If the website is displayed in 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 UI culture vs. content culture

 

The user interface direction (RTL or LTR) is driven by the preferred UI culture of the current user. The content direction is driven by the preferred (content) culture of the current user.

 

 

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

 

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

 

1. Open file <web project>\CMSAdminControls\CKeditor\config.js in notepad.

2. Add your font names on the following line:
 

CKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana';

 

3. Save the file.

4. Clear the cache of your web browser (Internet Explorer: Tools -> Internet Options -> General -> Delete files..., check the "delete all off-line content" box and click OK).

5. Close the browser and sign in to Kentico CMS Desk again. Now you should see the new font(s) in the WYSIWYG editor's font list.