CODEWITHSUNDEEP
ember.jsember-cli
AhmedShawky
AhmedShawky

Reputation: 910

How to dynamically load Stylesheets according to language change in Emberjs

I have Emberjs app which support LTR and RTL language. I use ember-intl addon to support multiple language. I want to know there is a good way to load stylesheets based on language change ?

Upvotes: 1

Views: 791

Answers (2)

Atallah
Atallah

Reputation: 1

in the step 4 you could use ember-meta-tags addon to add the right style file to html tree according to your language.

Upvotes: 0

AhmedShawky
AhmedShawky

Reputation: 910

I find a solution

1-I added two manifest files one one or LTR and other or RTL under app/styles

2-I updated configuration in ember-cli-build.js to compile this files as stated in http://ember-cli.com/user-guide/#asset-compilation

3- i updated style sheet link in index.html to include class for rtl and ltr

4- in route activate() hook i checked if lang=ltr remove rtl assets else remove ltr assets

Upvotes: 2

Related Questions