artisteer-greenlagoon and printerfriendly Skins with RTL Support

This forum is for questions about contributing to the project or proposing features that you would like to develop for the project. 

This thread is closed to new posts. You must sign in to post in the forums.
4/15/2011 1:06:34 PM
Gravatar
Total Posts 23
Ahmed Ali Senior Developer

Re: artisteer-greenlagoon and printerfriendly Skins with RTL Support

hi

 

you can but all css rules in a new css files with name rtl.css

 

just we need to add this file to skin.config file

 

and in will but this file to each skin and work on it to add rtl support to all skins

thanks

 

4/15/2011 1:54:27 PM
Gravatar
Total Posts 18439

Re: artisteer-greenlagoon and printerfriendly Skins with RTL Support

putting the css all in style-rtl.css is a good idea.

There are some mistakes in your CSS that breaks the style in ltr, , it is no big deal, I am fixing them before I commit it to the repository.

Whenever you have more than one selector separated by commas, you need to have the html[dir='rtl'] again after each comma or else it also affects ltr. It is very noticeable in the menu of artisteer-greenlagoon when your changes were applied and then I changed  back to ltr culture.

For example where you had:

html[dir='rtl'] h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover{text-align:right;}

it really should be:

html[dir='rtl'] h1, h1 a,
html[dir='rtl'] h1 a:link,
html[dir='rtl'] h1 a:visited,
html[dir='rtl'] h1 a:hover{text-align:right;}

every selector must start with html[dir='rtl']

Best,

Joe

4/15/2011 2:10:13 PM
Gravatar
Total Posts 23
Ahmed Ali Senior Developer

Re: artisteer-greenlagoon and printerfriendly Skins with RTL Support

thanks Joe and sorry for this mistakes. 

and i will work to add RTL support to all skins and will send you the style-rtl.css for each skin with the jqueryui classes rules to all jqueryui controls we use in the project like tabs and accordions and buttons.

i wait your commit and don't forget to commit arabic language files.

thanks

 

4/15/2011 2:19:03 PM
Gravatar
Total Posts 18439

Re: artisteer-greenlagoon and printerfriendly Skins with RTL Support

Hi Ahmed,

I have committed it to the repository just now. However, I commented it out in style.config so you will need to un-comment it to use the style-rtl.css. Note that I also moved the images into images-rtl rather than nested in the other images folder.

The style-rtl.css still needs some work, when using rtl the menu offset for the flyout sub menus is not right (it might be something in the artisteer menu javascript if you don't find it in CSS), also headings have the icon overlapping the heading text.

I think it is nice to be able to support this kind of skin that can adapt to either ltr or rtl but I think most people will not want to do that, so the default config setting remains as 

<add key="AdaptHtmlDirectionToCulture" value="false" />

and I do not think we should include the style-rtl.css by default (but have it there commented out so people can find it and un-comment it if they want to) since it is not used when that setting is false and it is a significant amount of additional CSS and will make the CSS payload larger than it needs to be when not using it.

It is not a goal for me to have this ability in all skins we ship, but if you want to do that it is fine, but still it will be disabled by default and those who wish to use it will have to opt in to use it by enabling it.

Best,

Joe

4/15/2011 2:21:43 PM
Gravatar
Total Posts 18439

Re: artisteer-greenlagoon and printerfriendly Skins with RTL Support

Hi Ahmed,

Your translation work from Amanuens should be automatically syncing with the repository every morning automatically, so it should already be up to date.

Best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.