You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 03-06-2014 11:16:30

neteller
Contributors
Registered: 03-06-2014
Posts: 22

need to change the direction of tiles for rtl

hey everyone

like a title i need to know how i can change the direction of the interface for RTL because am from an arabic contry ^_^

Offline

#2 03-06-2014 13:21:01

chrismaliszewski
Contributors
From: Torun, Poland
Registered: 06-05-2013
Posts: 246
Website

Re: need to change the direction of tiles for rtl

I don't know if anyone already created RTL for this template but you can read this and this articles and many more which you can find using Google (search for example: rtl css) and try to change CSS for yourself.

Last edited by chrismaliszewski (03-06-2014 13:22:02)

Offline

#3 03-06-2014 19:14:18

neteller
Contributors
Registered: 03-06-2014
Posts: 22

Re: need to change the direction of tiles for rtl

the problem in the metro interface only , other pages are simply modifiable to RTL style

Offline

#4 03-06-2014 21:44:42

chrismaliszewski
Contributors
From: Torun, Poland
Registered: 06-05-2013
Posts: 246
Website

Re: need to change the direction of tiles for rtl

Did you try to change whole html or body direction CSS style to rtl? If it doesn't work, maybe changing this style in .tile class  in file css/tiles.css or even deeper in plugins CSS (plugins/[name_of_plugin]/plugin.css) will do the thing but I can't tell.

On my website (link next to my nick) I used rtl in one place - go to Contact group, there is my email which is written in simple tile type with text:

<span class="reverse">lp.kmu.akyzif@lam.a.k</span><br/><span class="reverse">moc.liamg@ikswezsilam.a.k</span>

where class reversed is:

span.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}

But I can't tell you more with other kinds of tiles.

Offline

#5 04-06-2014 12:13:46

neteller
Contributors
Registered: 03-06-2014
Posts: 22

Re: need to change the direction of tiles for rtl

thank you my freind but it does not work

when i tray to make direction : rtl in css in .body or .general === i got all groups in one place

746947976.png

Offline

#6 04-06-2014 12:41:32

chrismaliszewski
Contributors
From: Torun, Poland
Registered: 06-05-2013
Posts: 246
Website

Re: need to change the direction of tiles for rtl

Add direction to class tile in css/tiles.css as I said.
As a result you'll get this:
JKc2Z4I.jpg

BUT! Look at slidefx - it doesn't work now (1) - and descriptions in some tiles - they are moved to right side but with wrong triangle direction (2).

Those "bugs" require some changes.
(1) Sorry but I can't help with this now.
(2) In css/tiles.css go to line .tileLabel.bottom and change border-right to border-left.

Last edited by chrismaliszewski (04-06-2014 12:42:03)

Offline

#7 04-06-2014 13:05:11

chrismaliszewski
Contributors
From: Torun, Poland
Registered: 06-05-2013
Posts: 246
Website

Re: need to change the direction of tiles for rtl

(1) To repaire it in some way (not completly) go to plugins/tileslidefx/plugin.css, open it and replace all texts below in this way and order:
left -> rigg
right -> left
rigg -> right
After those changes only one thing is not in correct place. To make it right open plugin.js file and change code with struct    = text around line 26 to:

struct = '<div class="slice s1"   style="background-position: -'+Math.ceil(itemwidth*0.75)+'px 0px;">\
<div class="slice s2"  style="background-position: -'+Math.ceil(itemwidth*0.55)+'px 0px;">\
<div class="slice s3" style="background-position: -'+Math.ceil(itemwidth*0.25)+'px 0px;">\
<div class="slice s4" style="background-position:-'+Math.ceil(itemwidth*0)+'px 0px;">\
</div></div></div></div>';

In the end I got correct image.

Remember that other plugins may also require changes to make them work as they should but I can't tell which one because I didn't check it.

Last edited by chrismaliszewski (04-06-2014 13:07:00)

Offline

#8 04-06-2014 13:07:30

neteller
Contributors
Registered: 03-06-2014
Posts: 22

Re: need to change the direction of tiles for rtl

thanks my freind

but i need to change the groupes emplacement too (home in the right side  and contacts in the left side for example )

Last edited by neteller (04-06-2014 13:18:12)

Offline

#9 04-06-2014 13:12:31

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: need to change the direction of tiles for rtl

Just a note that this template was not created with RTL support in mind tongue

Offline

#10 04-06-2014 13:16:55

neteller
Contributors
Registered: 03-06-2014
Posts: 22

Re: need to change the direction of tiles for rtl

Thomas wrote:

Just a note that this template was not created with RTL support in mind tongue

i knwo , because of that i am trying on the lite version wink

Offline

Board footer

Powered by FluxBB