iTop - IT Service Management & CMDB / Discussion / Customizing iTop: Adding Arabic Translation

Mahmoud Daif - 2015-04-06

Hi,
I’m currently working on providing rtl support to iTop UI,
and I’m having problems editing iTop inline css.
I would appreciate if anyone can help me with this matter or share similar experience.
Thanks.

If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

Denis - 2015-04-07

Hello Mahmoud,

We had a feedback once from someone trying to localize iTop in a RTL language. I believe that a few things must be adjusted (on top of the CSS itself) to properly support RTL languages in iTop. I'm willing to help you, but:
1) I don't speak/read any RTL language and
2) I have no idea how much "localization" is expected by the end users (for example the main menu is displayed on the left in iTop. Would they expect the menu to be on the right of the screen?)

The first thing I would suggest to try is to change the class iTopWebPage (application/itopwebpage.class.inc.php) at line 592:

Change:

$sHtml .= "<html>\n";

To:

$sHtml .= "<html dir=\"rtl\">\n";

And see what happens...
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
- Mahmoud Daif - 2015-04-09
  
  Dear Denis,
  Thank you for your help.
  Yes the main menu is expected to be on the right of the screen.
  I tried changing the left-pane before, but with no success because I didn't know what exactly I need to edit.
  I tried your recommended changes after changing the css and the result is in the attached image.
  I also tried changing the global-search div as follows:
  <input type="text" name="text" value="'.$sText.'" '.$sonclick.'="">
  ';
  
  $sHtml .= '<td style="padding-right:10px;padding-left:20px;">'.self::FilterXSS($sLogOffMenu).'</td><td><input type="hidden" name="operation" value="full_text"/></td></tr></table></form></div>'; $sHtml .= '<td><input type="image" src="../images/searchBtn.png"/></a></td>'; $sHtml .= '<td><a style="background:transparent;" href="'.$sOnlineHelpUrl.'" target="_blank"><img style="border:0;padding-left:10px;padding-right:20px;" title="'.Dict::S('UI:Help').'" src="../images/help.png"/></td>'; //echo '<td>        <input type="hidden" name="operation" value="full_text"/></td></tr></table></form></div>'; $sHtml .= ' </div>';
  
  Appreciate your help.
  
  Last edit: Mahmoud Daif 2015-04-09
  
  afterhtmlrtl.jpg
  
  If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

Mahmoud Daif - 2015-04-19

Dear Denis,
I was wondering if you have any updates regarding my previous post? Thanks.

If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

Adding Arabic Translation

An easy, extensible web based IT service management platform

Forums

Help

Adding Arabic Translation

Adding Arabic Translation

An easy, extensible web based IT service management platform

Forums

Help

Adding Arabic Translation document.SUBSCRIPTION_OPTIONS = { "thing": "topic", "subscribed": false, "url": "subscribe", "icon": { "css": "fa fa-envelope-o" } };

Adding Arabic Translation