RTL Skin- Link modules

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
9/28/2008 4:35:41 AM
Total Posts 104

RTL Skin- Link modules


I tried to create a new rtl skin , but I have some problem with link feature ,

1- size of first link in list is less than others, but link 2 and more size is Ok,

2- when mouse goes over one of links , All of them goes to Left side of window. I have this problem by IE7 , but Opera works correctly.

- I check Parisa and RightToLeft skin , then work correctly , but I can't find what's the diffrent between my work and them

where I must change to work links.

also another problem , All tabs ( in edit modules or ..) shows at Right Sides and Vertically arange them instead of Horisontal.( I changed the EXt-all.css)



10/6/2008 8:50:52 AM
Total Posts 104

Re: RTL Skin- Link modules

is there any once can help me to fix this ?

10/6/2008 9:32:51 AM
Total Posts 18439

Re: RTL Skin- Link modules

Its very difficult to help because though this is a real problem for you it is only a theoretical problem for me since I have no knowledge of what is going on in your custom skin.

For solving all css problems you need to view the source of the rendered page to learn the relevant css class names from the markup. Then you can know what classes you are looking for in the .css files.

The links module renders as ul and li elements like this:

<ul class=linkitem>
<li class=linkitem><a ... the link</a></li>
<li class=linkaltitem><a...the link</a></li>

So if you have css like this:

.linkitem{font-size: 80%;}

the ul will have font at 80% of full size for the page (see body{})

then because the li is nested inside the ul it will get font at 80% the size of the ul font and this is probably what happens in your skin.

it doesn't happen on the alternate rows because they have the linkaltitem class not linkitem.

So best solution is use specific sizes instead of percent or relative terms like smaller larger etc.

To find the css you may need to look in each of the .css files in your skin. This is probably in styletext.css but possibly somewhere else.

For mouseover issues you probably need to look for :hover in the css files to find the rule that causes this.

As of version, mojoportal no longer uses ExtJs tabs in Page Settings, Module Settings, Site Settings, but we use YUI TabView instead. So research skinning of YUI tabs to figure out rtl solutions for that.

Hope it helps,



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