Element: RTL support

Created on 28 Dec 2016  ·  14Comments  ·  Source: ElemeFE/element

Thanks guys,
That's a really nice project.
Do you have any plan for RTL support in css? (for languages like Persian, Arabic, ...)

Most helpful comment

no plan to add rtl with contribution neither ??

All 14 comments

Thanks.
We don't have plans to add RTL support, but there may be some third party libraries you can use with Element, like rtlcss.

no plan to add rtl with contribution neither ??

do you have any guides about using element-ui with rtlcss ?

Has anyone find a solution for using _Element_ with RTL languages? Any suggestions would be appreciated.
@mahmoudmy @MahdiMajidzadeh @osman-mohamad

@KayvanMazaheri I did found a solution . you can use postcss-loader in your project with postcss rtlcss plugin . and it will convert all the styles to rtl .
plus :

body,html {
   direction: ltr
}

in the App.vue Component style section

@osman-mohamad
hi my friend
can you help me to add and usage rtlclass to laravel-vue project?

@siavash-sajjad put the repository url here . for me to review it .

@Leopoldthecoder hi tree element not support rtl .
how to customize tree-node.vue
:style="{ 'padding-left': (node.level - 1) * tree.indent + 'px' }"> to padding-right???

+1

How can I use rtlcss in my nuxtjs project ?
and did you find another way to support RTL in element?

+1

+1

@Leopoldthecoder Still have no plans for RTL support?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

fscardua picture fscardua  ·  3Comments

zhguokai picture zhguokai  ·  3Comments

no5no6 picture no5no6  ·  3Comments

FranzSkuffka picture FranzSkuffka  ·  3Comments

akaylh picture akaylh  ·  3Comments