Changing RTL on click on Button or Java Script Class

Web IT Solutions LLP
271 Posts
Web IT Solutions LLP posted this 2 weeks ago

Dear Sir,

Can we convert Right-to-Left (Arabic) Theme on click on Button or Calling Javascript Class. ?

Or any text or section to make it RTL by calling javascript class is also fine to us. We are having multi-language website theme where I like to convert or switch from LTR (Left to Right English) to RTL (Right to Left Arabic) alignment of Entire theme or certain text.

Demo Link Arabic + English - http://demo.fortiushealthclinic.com/

Regards
Suffian Ahmed

Dear Sir, Can we convert Right-to-Left (Arabic) Theme on click on Button or Calling Javascript Class. ? Or any text or section to make it RTL by calling javascript class is also fine to us. We are having multi-language website theme where I like to convert or switch from LTR (Left to Right English) to RTL (Right to Left Arabic) alignment of Entire theme or certain text. Demo Link Arabic + English - http://demo.fortiushealthclinic.com/ Regards Suffian Ahmed
Vote to pay developers attention to this features or issue.
16 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 2 weeks ago

Hi,

Unfortunately it is not so simple as it seems. One class will not change anything. Different direction of the theme controls requires different css alignment and positioning properties. One single class will not change anything as we;; as page direction attribute.

Thank you,
Olivia

Hi, Unfortunately it is not so simple as it seems. One class will not change anything. Different direction of the theme controls requires different css alignment and positioning properties. One single class will not change anything as we;; as page direction attribute. Thank you, Olivia
Web IT Solutions LLP
271 Posts
Web IT Solutions LLP posted this 2 weeks ago

Hi Olivia,

Can you share class names and script so that we will try it to achieve the same...

Mainly we need all headers, text fields, header section like header logo, caption etc need to convert into RTL format.

We will call the JavaScript function from our button or link uisng third party scripts.

Please help us, we need must for our clients. Please do something and provide the sample script so that we will work on it.

Later in the coming feature you can implement the same functionality in the next updates.

Waiting for your valuable support please.

Regards
Suffian Ahmed

Hi Olivia, Can you share class names and script so that we will try it to achieve the same... Mainly we need all headers, text fields, header section like header logo, caption etc need to convert into RTL format. We will call the JavaScript function from our button or link uisng third party scripts. Please help us, we need must for our clients. Please do something and provide the sample script so that we will work on it. Later in the coming feature you can implement the same functionality in the next updates. Waiting for your valuable support please. Regards Suffian Ahmed
Support Team
Support Team posted this 1 weeks ago

Hi,

Unfortunately we do not offer such solutions. it is not something simple. This is quite complex task.
If you need classes the best way is to manually inspect desired elements using browser developer tool (f12 in Chrome). The classes start with bd- e.g. "bd-headerarea-..", "bd-textblock-..." etc. Each class has own numeric identifier. They are different in each theme.
Are you sure that there is no way to use different themes for RTL and LTR?

Thank you,
Olivia

Hi, Unfortunately we do not offer such solutions. it is not something simple. This is quite complex task. If you need classes the best way is to manually inspect desired elements using browser developer tool (f12 in Chrome). The classes start with bd- e.g. "bd-headerarea-..", "bd-textblock-..." etc. Each class has own numeric identifier. They are different in each theme. Are you sure that there is no way to use different themes for RTL and LTR? Thank you, Olivia
Web IT Solutions LLP
271 Posts
Web IT Solutions LLP posted this 1 weeks ago

Hi Sir,

No, we are given request to keep only one theme..

Kindly check the link whter we used it English & Arabic vesrion both in single theme.

URL - http://demo.fortiushealthclinic.com/

Click on the language button top right under horizontal menu to switch between langauges in the same theme.

The only thing we are missing is RTL when we click on Arabic version of a Language Button.

Please help us now.

Thanks in advance,

Regards
Suffian Ahmed

Hi Sir, No, we are given request to keep only one theme.. Kindly check the link whter we used it English & Arabic vesrion both in single theme. URL - http://demo.fortiushealthclinic.com/ Click on the language button top right under horizontal menu to switch between langauges in the same theme. The only thing we are missing is RTL when we click on Arabic version of a Language Button. Please help us now. Thanks in advance, Regards Suffian Ahmed
Support Team
Support Team posted this 1 weeks ago

Hi,

Unfortunately we cannot help with this. It will be easy when using two different themes, but we cannot implement RTL and LTR behavior in one theme.

Sincerely,
Hella

Hi, Unfortunately we cannot help with this. It will be easy when using two different themes, but we cannot implement RTL and LTR behavior in one theme. Sincerely, Hella
Web IT Solutions LLP
271 Posts
Web IT Solutions LLP posted this 6 days ago

Hope you implement this feature in the coming soon....

Thanks for your support, we will get back to you if we still need any support regarding the same.

Let me check with some third party script to make it work with RTL and LTR.

Thanks in advance,

Regards
Suffian Ahmed

Hope you implement this feature in the coming soon.... Thanks for your support, we will get back to you if we still need any support regarding the same. Let me check with some third party script to make it work with RTL and LTR. Thanks in advance, Regards Suffian Ahmed
Support Team
Support Team posted this 5 days ago

You are welcome. Let us know if you have any other issues.

Sincerely,
Hella

You are welcome. Let us know if you have any other issues. Sincerely, Hella

Last edited 5 days ago by Support Team

Web IT Solutions LLP
271 Posts
Web IT Solutions LLP posted this 5 days ago

Thanks for your updates...

Hope we can make use of it the following links samples to convert the existing LTR to RTL

http://rtlcss.com/
https://rtl.daskhat.ir/
https://blog.scottlogic.com/2015/02/13/rtl.html
https://fortysevenmedia.com/blog/archives/styling_right-to-left_text_with_css_on_a_multi-lingual_site

Need your quick response and input regarding the above links

Appreciate your quick support and response on this above samples.

Thanks in advance, don't say no please check the links and update me please.... Please... Pkwase... :-( :-( :-(

Regards
Suffian Ahmed

Thanks for your updates... Hope we can make use of it the following links samples to convert the existing LTR to RTL http://rtlcss.com/ https://rtl.daskhat.ir/ https://blog.scottlogic.com/2015/02/13/rtl.html https://fortysevenmedia.com/blog/archives/styling_right-to-left_text_with_css_on_a_multi-lingual_site Need your quick response and input regarding the above links Appreciate your quick support and response on this above samples. Thanks in advance, don't say no please check the links and update me please.... Please... Pkwase... :-( :-( :-( Regards Suffian Ahmed

Last edited 5 days ago by Web IT Solutions LLP

Support Team
Support Team posted this 5 days ago

All those links can convert the CSS to the RTL, but you need to target that CSS only for the moments when the Arabic language is selected. As I see, the dir attribute is not changing on your site when clicking on the Arabic language. So there is no possibility to target your RTL CSS.

Sincerely,
Hella

All those links can convert the CSS to the RTL, but you need to target that CSS only for the moments when the Arabic language is selected. As I see, the `dir` attribute is not changing on your site when clicking on the Arabic language. So there is no possibility to target your RTL CSS. Sincerely, Hella
Web IT Solutions LLP
271 Posts
Web IT Solutions LLP posted this 5 days ago

Oho... Is there any way to make it work, please.

The Arabic conversion we are using some third party services where they are converting hiding and unhiding Arabic font by clickin on the button.

So, if entire theme converts into RTL is also fine to us... I mean header section, menus, footer section and it's images etc along with body tags, headers, text etc..

Entire theme converting is also fine can we call this on by clicking that language button. ???

Regards
Suffian Ahmed

Oho... Is there any way to make it work, please. The Arabic conversion we are using some third party services where they are converting hiding and unhiding Arabic font by clickin on the button. So, if entire theme converts into RTL is also fine to us... I mean header section, menus, footer section and it's images etc along with body tags, headers, text etc.. Entire theme converting is also fine can we call this on by clicking that language button. ??? Regards Suffian Ahmed
Support Team
Support Team posted this 5 days ago

Hi,

We do not control this functionality and do not provide support for such custom modifications. You can search for the plug-ins that will make that conversion.

Sincerely,
Hella

Hi, We do not control this functionality and do not provide support for such custom modifications. You can search for the plug-ins that will make that conversion. Sincerely, Hella
Web IT Solutions LLP
271 Posts
Web IT Solutions LLP posted this 5 days ago

Dear Sir,

Can we get non WordPress plugin ?

My website is pure HTML website... So, I need plugin for my pure HTML website. Please refer some links for the same.

Share some third party links or just refer some names which acheice my request and works successful. I will make it work and get support from them please.

Need your special assistance for the same, you have share such a great support so far and requesting you to give support on this too one more time please.

Note: I searched for some third party plugin but all are WordPress support plugins but no plugin supports non WordPress themes or wensite.

Regards
Suffian Ahmed

Dear Sir, Can we get non WordPress plugin ? My website is pure HTML website... So, I need plugin for my pure HTML website. Please refer some links for the same. Share some third party links or just refer some names which acheice my request and works successful. I will make it work and get support from them please. Need your special assistance for the same, you have share such a great support so far and requesting you to give support on this too one more time please. Note: I searched for some third party plugin but all are WordPress support plugins but no plugin supports non WordPress themes or wensite. Regards Suffian Ahmed
Support Team
Support Team posted this 18 hours ago

Hi,

Actually we do not provide support for such custom modifications. You may need some JS code to change the lang attribute when the appropriate language is selected. I'm not sure that we could help about that. Search for some solutions over the internet.

Sincerely,
Hella

Hi, Actually we do not provide support for such custom modifications. You may need some JS code to change the `lang` attribute when the appropriate language is selected. I'm not sure that we could help about that. Search for some solutions over the internet. Sincerely, Hella
Web IT Solutions LLP
271 Posts
Web IT Solutions LLP posted this 17 hours ago

Hi Hella,

You mean this is code to change the lang attribute.

https://stackoverflow.com/questions/13606290/html-change-language-using-element-lang

https://stackoverflow.com/questions/32008125/using-javascript-to-change-website-languageRegards

Suffian Ahmed

Hi Hella, You mean this is code to change the lang attribute. https://stackoverflow.com/questions/13606290/html-change-language-using-element-lang https://stackoverflow.com/questions/32008125/using-javascript-to-change-website-languageRegards Suffian Ahmed
Support Team
Support Team posted this 7 hours ago

Hi,

No, she means lang attribute of the html tag. I see that the language selector changes the lang attribute. But dir attribute is still ltr when it should be rtl.
I think this topic is close to what you need:
https://stackoverflow.com/questions/14030792/change-html-dir-attribute-using-jquery

Thank you,
Olivia

Hi, No, she means `lang` attribute of the `html` tag. I see that the language selector changes the `lang` attribute. But `dir` attribute is still `ltr` when it should be `rtl`. I think this topic is close to what you need: https://stackoverflow.com/questions/14030792/change-html-dir-attribute-using-jquery Thank you, Olivia
Web IT Solutions LLP
271 Posts
Web IT Solutions LLP posted this 3 hours ago

Hi Olivia,

Yes Ok, got it ;-)

You mean like this, simple script which changes RTL by clicking on a button.

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_element_dir

We can make use of this on menu dir and header images dir to make it RTL along with all paragraphs, headers like h1 h2 ... etc.

Is I am in the right direction ? Please give us one more then, really appreciate your quick and valuable reply.

Thanks in advance,

Regards
Suffian Ahmed

Hi Olivia, Yes Ok, got it ;-) You mean like this, simple script which changes RTL by clicking on a button. https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_element_dir We can make use of this on menu dir and header images dir to make it RTL along with all paragraphs, headers like h1 h2 ... etc. Is I am in the right direction ? Please give us one more then, really appreciate your quick and valuable reply. Thanks in advance, Regards Suffian Ahmed
You must log in or register to leave comments