Menus with Right-To-Left Text (Arabic)
This example demonstrates how you can use right-to-left text (e.g. Hebrew, Arabic etc.) in your menu trees.
To use the script with RTL text, you just need to set the following variable in the first section (i.e. GLOBAL SETTINGS) of the configuration file (c_config.js):
c_rightToLeft=true;
This will tell the script to take care of everything - like right-aligning your main menu(s), making the sub menus pop up from right to the left (instead of the normal left-to-right) and, of course, setting "rtl" direction for the text in the menu items. Please note that this variable is applied globally and will change the direction for all menu trees you might use on the page.
RTL text is supported in SmartMenus 6 in all browsers that support RTL text.
There is just one small difference in the script configuration when using RTL text - if you have a horizontal main menu and use separators between the main menu items, you do not have to add the "NOSEPARATOR" class to the last LI element of the root UL element but you have to add it to the first LI element - e.g.:
<ul id="MyMenu" class="someClass">
<li class="NOSEPARATOR"><a href="URL">text</a>...
...
</ul>
This is needed because the items of a horizontal main menu when using RTL text are right-floated (instead of left-floated) and their order is reversed visually.
Notes
- Please note that the links in the menu tree on this page are just sample fictitious links used for the purpose of this example and they do not link to anywhere. To navigate away from this example, please use the links at the bottom of this page.
Download this sample
You can download the complete example or just see the configuration file and the images used for it.
