Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:09
Right To Left...
Poster: trouby
Dated: Monday September 29 2003 - 19:55:01 BST
Hey all,
I want popup the submenus to the left side instead of the right side (my language is a right-to-left one)
Anyway, I could see that in the old versions it is possible to do so, but in version 5 there's nothing about RTL languages.
Did I miss the parameter? or there's no support for RTL languages no more?
Thank you !
Trouby.
--------
(My eyes missed the "openstyle" parameter, no need to answer this post, sorry )
Poster: kevin3442
Dated: Wednesday October 1 2003 - 6:18:11 BST
Hi Trouby,
There is a menu property called openstyle (property #15) that you can use to achieve the desired effect. Since it's a menu property, rather than a style property, it should be declared in the menu definition itself, rather than in the style (i.e., it goes in the same place you would declare style=..., top=..., left=..., etc.) Place the following
Code:
openstyle="rtl";
in the menu definition for any submenu that you want to open to the left of its calling menu.
This also has the effect of aligning the menu's subimage and onsubimage (if set) to the left by default, for menu items that call a submenu. There are several upshots of this effect:
(1) You could also set openstyle="rtl" in your main menu, even though it doesn't really "open" per se, as a quick way to align the main menu's subimages to the left.
(2) If your subimages are little right-pointing arrows, you might want to make them left-pointing arrows, since the submenus will open to the left.
(3) "rtl" reverses the directional effect of the _subOffsetLeft parameter at the top of your menu_data.js file, so that negative values will bump the submenu to the right rather than to the left (adjust as needed).
(4) If you use a drop shadow as part of your style's overfilter, then the typical lower-right shadow (Direction=135) will likely overlap the left edge of the calling menu. You could make it a lower-left drop by setting Direction=225.
Hope that helps,
Kevin
Re: Right To Left...
Poster: mamichel
Dated: Monday October 22 2007 - 8:07:37 BST
Hi,
I have left to right direction and right to left direction site and they share the same js files.
Is there any way to control the right to left direction in CSS?
Thanks in advance.
Re: Right To Left...
Poster: Ruth
Dated: Tuesday October 23 2007 - 1:51:09 BST
Hi,
Not unless you create a different menu for the site. Wouldn't it be easier to create two menu_data files, i.e. menu_data.js and menu_data_rtl.js then call the menu_data_rtl.js on the rtl site?
They could still share the program files.
Ruth
Re: Right To Left...
Poster: mamichel
Dated: Tuesday October 23 2007 - 3:56:06 BST
Hi,
Thank you for your very good solution. I proposed this to our team but currently it is not possible in our development because the program is designed to change language by calling CSS stylesheet not js.
Thank you once again.
Maricel
Re: Right To Left...
Poster: Ruth
Dated: Tuesday October 23 2007 - 7:23:48 BST
Hi,
Sorry I couldn't help more. Just out of curiosity, how do you change the language of something using css? If you can point me to info on that, I'd like to check it because I like experimenting and since Milonic has a list based menu, if the language can be changed, I want to see if the menu itself would change.
I do little css, but if you're only asking about the direction of the menu, then I think if you are putting it in a div, which would require you to set it as position relative, then you should be able to try setting the css to switch the div to rtl and see if that works on the menu that is in it. I find most of my answers through experimenting so, without an example, I'm just guessing.
Ruth
Re: Right To Left...
Poster: mamichel
Dated: Monday October 29 2007 - 15:01:32 GMT
Hi,
It's ok and i thank you for your effort to solve the problem. Unfortunately, i cannot point you to that info yet because its still under development.
how do you change the language of something using css?
i have this folder for style
\style\english\
- all the CSS for english
ex. layout.css, main.css, global.css
\style\arabic\ - CSS for arabic
- all the CSS for arabic
ex. layout.css, main.css, global.css
So when i call english, it will go to the english site or the other way around.
but if you're only asking about the direction of the menu, Yes, the direction of the menu without using openstyle="rtl".
then I think if you are putting it in a div, which would require you to set it as position relative, then you should be able to try setting the css to switch the div to rtl and see if that works on the menu that is in it. Is this possible?
Thanks in advance.