Use right to left style

Amir_Hosein_Zafarani · April 29, 2017, 3:22pm

hi all,
how we can use right to left style in erpnext?

narcisonunez · April 29, 2017, 5:15pm

To use Right to Left just change the language in the user settings from en to one that use le right to left like “ar”

Amir_Hosein_Zafarani · April 29, 2017, 6:04pm

i selected some right to left lang but my program is also left to right

narcisonunez · April 29, 2017, 6:22pm

What language do you test? Can you test using ar as the language to check its working?

ahmadRagheb · April 29, 2017, 6:59pm

Ar language change the direction

Amir_Hosein_Zafarani · May 5, 2017, 12:00pm

in ar lang work but in my langauage (farsi ) dosent work how can i change it ?

narcisonunez · May 5, 2017, 1:23pm

This is the file and function you need to update to modify in order to get this done.

github.com

frappe/frappe/blob/a601360d5e26beb1bbc7ab8f7e80c11bc1656890/frappe/public/js/frappe/desk.js#L396


      
          		if(cur_dialog && cur_dialog.display) {
          			// trigger primary
          			cur_dialog.get_primary_btn().trigger("click");
          		} else if(cur_frm && cur_frm.page.btn_primary.is(':visible')) {
          			cur_frm.page.btn_primary.trigger('click');
          		} else if(frappe.container.page.save_action) {
          			frappe.container.page.save_action();
          		}
          	},
          
          
	set_rtl: function () {
          		if (["ar", "he"].indexOf(frappe.boot.lang) >= 0) {
          			var ls = document.createElement('link');
          			ls.rel="stylesheet";
          			ls.href= "assets/css/frappe-rtl.css";
          			document.getElementsByTagName('head')[0].appendChild(ls);
          			$('body').addClass('frappe-rtl')
          		}
          	},
          
          
	show_change_log: function() {

Just ar and he languages are considered right to left. If you have a list of languages right to left in mind let me know and we can send a pull request to added by default in a fix.

Amir_Hosein_Zafarani · May 11, 2017, 9:17am

@geekroot
tnx a lot

Amir_Hosein_Zafarani · May 11, 2017, 11:52am

i think these are right to left languages
Arabic.
Azeri.
Hebrew.
Kurdish (Sorani)
Farsi.
Urdu.

narcisonunez · May 11, 2017, 6:19pm

I think its working now with fa language selected

Amir_Hosein_Zafarani · May 11, 2017, 9:28pm

i add it manually in my offline source tnx a lot for your help

Amir_Hosein_Zafarani · May 14, 2017, 7:17pm

in reports heading are left to right but other rows is right to left
have anyone any idea to correct this ?

narcisonunez · May 15, 2017, 1:33pm

In that case, you can check the file assets/css/frappe-rtl.css and look if the css class of reports heading is set to right to left style.

Amir_Hosein_Zafarani · May 17, 2017, 12:00pm

can you please say me what is the class for heading in this css file ?
and where is the css for ltr languages ?

Muhamed · December 30, 2017, 7:35am

Is it feasible to apply the CSS for a particular report only .
Once I choosing the print invoice to Arabic , the direction is not changing

abod2data · January 11, 2021, 10:38am

my dear please : How can i edit direction for pdf reports to RTL with Arabic language?

Rebaz_Balisani · September 21, 2024, 12:45pm

I opened develop branch and i am looking for this funciton ( set_rtl: function () ) but i cant find it, can sombody guide please

frappe/frappe/public/js/frappe/desk.js at version-15 · frappe/frappe (github.com)